React @ loadable / component SSR с Redux Router

Я пытаюсь использовать @loadable/component библиотека с React в приложении, которое использует SSR, Redux и 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 моего приложения выглядит так (без ), у меня есть обертка для компонента провайдера и статического маршрутизатора:

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

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

Спасибо!

0 ответов

Другие вопросы по тегам