javascript - React js 状态和生命周期

Question

componentDidMount() {
    const user = auth.getCurrentUser();
    this.setState({ user });
  }

我有这段代码，我认为 this.setState({ user });需要一点时间，如果我想立即做一些检查

<Route
              path="/foo"
              render={props =>
                this.state.user ? (
                  <Bar {...props} />
                ) : (
                  <Redirect to="/login" />
                )
              }
            />

刷新页面时，开头的user始终为null。什么是正确的解决方案？我需要在 constructor 处设置状态吗？还是我做错了什么？

我的帐户被一些反对票问题封锁了，有趣的是我必须重新编辑它们，即使我已经有了公认的答案。我不明白这样做有什么意义。我很沮丧这个 stackoverflow 系统。

现在，我基本上什么也做不了，只能继续编辑我的问题，而且他们都已经回答了。这太荒谬了!!!

Answer 1

是的，你应该在构造函数中初始化你的状态。

参见 React docs example :

class Clock extends React.Component {
  constructor(props) {
    super(props);
    this.state = {date: new Date()};
  }

  render() {
    return (
      <div>
        <h1>Hello, world!</h1>
        <h2>It is {this.state.date.toLocaleTimeString()}.</h2>
      </div>
    );
  }
}