React Redux Server Side Rendering with code splitting and injectioning

问题描述 投票:0回答:1

对不起,英语不好。

我正在使用ssr(pure react)+ redux +代码拆分(@loadable)+注入redux。 (受反应样板高度影响)

当前,我的代码在没有预加载数据的情况下运行良好。

我不知道如何在注入减速器之前处理ssr预加载数据。

这里是帮助解决我的问题的示例。

store = {
  global: { // default
    key: 'value' // this is done. ssr working great using this value.
  },
  injected: { // dynamically injected. using replaceReducer per page. (same with react-boilerplate)
    key: 'value' // I want to put this value on ssr preload. (not working)
  }
}

完成后说

Unexpected property "injected" found in previous state received by the reducer. Expected to find one of the known reducer property names instead: "global". Unexpected properties will be ignored.

我知道为什么会出现此错误(因为初始存储没有“已注入”存储。),但我不知道如何正确修复它。

有没有用法示例?

这是我的想法,但这似乎不是正确的答案。

  1. 在'global'上插入预加载数据的键。
  2. 将预加载数据放入服务器中的'global'。
  3. 完成注入后,将全局移至注入的存储区(在这种情况下为'injected'。)>
  4. 瞧!

对不起,英语不好。我正在努力与ssr(pure react)+ redux +代码拆分(@loadable)+注入redux。 (受react-boilerplate高度影响)目前,我的代码在没有...

reactjs redux redux-saga
1个回答
0
投票

reducerInjector.js

© www.soinside.com 2019 - 2024. All rights reserved.