javascript - Reactjs 状态不更新

Question

  constructor(props) {

    super(props);
    this.state = {
      active: false,
      showSideBar: false,
      className: ""
    }
  }
  componentDidMount() {
    if (this.props.overlay) {
      this.setState({
        className: "wrapper_overlay"
      });
      alert(this.state.className);
    }
    else if (this.props.SideBarWithIcon) {
      this.setState({
        className: "wrapper_clopsed"
      });
    }
  }

我在 props 的帮助下更新我的状态，但是组件正在获取 props 但状态没有更新

Answer 1

setState 是异步的。只需提醒该方法的回调即可。

if (this.props.overlay) {
  this.setState(
    { className: "wrapper_overlay" },
    () => alert(this.state.className);
  );
}

注意:您可以而且应该使用 shouldComponentUpdate 来检查 setState 调用何时完成