javascript - 在使用 React Router 渲染组件之前，如何等待 Promise 得到解决？

Question

我正在使用 React Router，他们的私有(private)路由示例是:

const fakeAuth = {
  isAuthenticated: false,
  authenticate(cb) {
    this.isAuthenticated = true
    setTimeout(cb, 100) // fake async
  },
  signout(cb) {
    this.isAuthenticated = false
    setTimeout(cb, 100)
  }
}

const PrivateRoute = ({ component: Component, ...rest }) => (
  <Route {...rest} render={props => (
    fakeAuth.isAuthenticated ? (
      <Component {...props}/>
    ) : (
      <Redirect to={{
        pathname: '/login',
        state: { from: props.location }
      }}/>
    )
  )}/>
)

我的问题是:如何在渲染组件之前调用端点，以验证存储在 session 存储中的 token 是否仍然有效？因此，只有当我的 session 存储中没有任何内容(我可以轻松做到这一点)，或者 session 存储中的访问 token 不存在时，我的 PrivateRoute 才会重定向不再有效(这是我调用 API 来查看它是否仍然有效的地方。

Answer 1

为什么不使用 this.setState？它的第二个参数允许您进行回调。您可以在其中重定向用户