reactjs - 服务器渲染无法获取嵌套路由字符串

Question

当我访问/m/song时，htmlstring 仅包含 Layouts 组件

htmlstring = renderToString(
    <Provider store={store}>
        <StaticRouter location={ctx.url} context={context}>
            {renderRoutes(routesConfig)}
        </StaticRouter>
    </Provider>
);


const routesConfig = [{
    component: Layouts,
    routes:[{path: '/m/song', componentName: 'Song', component: Song}]
    …

htmlstring 应该包含 Layouts 和 Song 组件。

Answer 1

您是否在“布局”组件的渲染中包含以下内容？{renderRoutes(routesConfig.routes)}

根据文档， npmjs.com/package/react-router-config，子路由（在您的情况下为“Song”）将不会在没有此行的情况下呈现。