React setState不会更新[重复]

Question

我试图在if语句中设置状态，但它不会这样做。结果，我需要从if语句中更新状态，在那个里我可以接收经度和纬度坐标，但它不会保存状态。若我在If语句之外的控制台中回显，我将只读取第一个setState值表单componentWillMount。有什么问题吗？我做错了什么？结构如下：

componentWillMount() {
    this.setState({
        location: {
            name: 'Riga'
        }
    });
}

componentDidMount() {
    if (!!navigator.geolocation) {
        navigator.geolocation.getCurrentPosition((position) => {

            this.setState({
                location: {
                    name: 'Sigulda'
                }
            });
        });
    } else {
        alert('ERROR on GEOLOCATION');
    }

    console.log(this.state.location);
}

Answer 1

setState是异步的：

 this.setState({
                location: {
                    name: 'Sigulda'
                }
            }, () => console.log(this.state.location));

使用setState的回调来确定更改

Answer 2

setState操作是异步的。

setState（）不会立即改变this.state，但会创建挂起的状态转换。调用此方法后访问this.state可能会返回现有值。无法保证对setState调用的同步操作，并且可能会对调用进行批处理以提高性能。

您应该使用setState回调函数：

this.setState({
  location: {
    name: 'Sigulda'
  }
}, () => console.log(this.state.location));