reactjs - React/Redux - 在应用程序加载/初始化上调度操作

Question

我有来自服务器的 token 身份验证，因此当我的 Redux 应用程序最初加载时，我需要向该服务器发出请求以检查用户是否通过身份验证，如果是，我应该获取 token 。

我发现不建议使用 Redux 核心 INIT 操作，那么如何在渲染应用程序之前调度操作？

Answer 1

您可以在 Root componentDidMount 方法中分派(dispatch)操作，并在 render 方法中验证身份验证状态。

类似这样的事情:

class App extends Component {
  componentDidMount() {
    this.props.getAuth()
  }

  render() {
    return this.props.isReady
      ? <div> ready </div>
      : <div>not ready</div>
  }
}

const mapStateToProps = (state) => ({
  isReady: state.isReady,
})

const mapDispatchToProps = {
  getAuth,
}

export default connect(mapStateToProps, mapDispatchToProps)(App)