在反应中调用api后设置状态

Question

我尝试了多种设置状态的方法，但由于某种原因，状态永远不会更新。这是我希望状态更改为的 JSON 数据

export class Provider extends Component {
  state = {
    posts: [],
    profileinfo: {},
    dispatch: action => this.setState(state => reducer(state, action))
  };

  componentDidMount() {
    fetch("http://localhost:3001/login").then(response =>
      response
        .json()
        .then(data => this.setState({ profileinfo: data.firstname }))
    );
    console.log(this.state.profileinfo);
  }

  render() {
    // ...
  }
}

Answer 1

setState 是异步的。您的控制台日志可能在状态更新之前触发。如果您想在setState 调用后查看结果，请按以下方式操作：

data => this.setState({ profileinfo: data.firstname }, () => {
  console.log(this.state);
});