reactjs - 如何在 ReactJS 中进行初始化

Question

我正在尝试在 Cordova 应用程序中的 ReactJS 中进行初始化。我对 React 有点陌生（这是我的第一个大型 React 项目），虽然不是一般的开发。

我需要在初始化时执行某些事件（推送通知配置、分析、后台进程设置）。

问题是，对于其中一些事情，如果用户已登录，我将需要访问我的状态存储，特别是登录后的状态（例如，作为后台进程获取新消息，这需要不记名来自我的身份提供者的令牌）。

什么是最“反应”的方式来做到这一点？我的路由的更高阶组件，但低于我的 OIDC 提供程序（keycloak）和存储提供程序？将逻辑放在我的登录组件或“首页”组件中（这两个看起来都很混乱，对我来说就像反模式）。

我猜HOC，像这样：

  <Provider store={store} context={ReactReduxContext}>
    <PersistGate loading={<Loading />} persistor={persistor}>
      <ConnectedRouter history={history} context={ReactReduxContext}>
       <Initialization>
        <Layout>
          <Route
          ...

这是一个带有 Redux 和持久存储的 React 应用程序。

这里的任何照明都是有用的。

标签： reactjs