React @ loadable / component SSR с Redux Router - PullRequest
Новая
       67

React @ loadable / component SSR с Redux Router

0 голосов
/ 20 января 2020

Я пытаюсь использовать @loadable/component библиотеку с React в приложении, которое использует SSR, Redux и Router.

В документах приведен пример кода приложения, но это без Router и Redux (не нужно передавать состояние и отображать маршруты). Файл src/server/main.js из примера содержит такие строки: 

const nodeExtractor = new ChunkExtractor({ statsFile: nodeStats })
const { default: App } = nodeExtractor.requireEntrypoint()

const webExtractor = new ChunkExtractor({ statsFile: webStats })
const jsx = webExtractor.collectChunks(<App />)

const html = renderToString(jsx)

Но JSX на стороне сервера моего приложения выглядит следующим образом ( без ), у меня есть провайдер и данные c обертка компонента маршрутизатора: 

const jsx = (
        <Provider store={store}>
             <StaticRouter location={req.url} context={context}>
                 {renderRoutes(routes, params)}
             </StaticRouter>
        </Provider>
);

Подскажите, пожалуйста, как я мог бы использовать store и StaticRouter с renderRoutes(...) и этим @loadable/component, чтобы мой SSR работал?

Спасибо!

...