服务器呈现无法获取嵌套的路由字符串

Question

当我访问/m/song时，html字符串仅包含布局组件

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}]
    …

html字符串应该同时包含布局和歌曲组件。

Answer 1

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

根据文档，npmjs.com/package/react-router-config，子路由(在本例中为"Song"(不会在没有此行的情况下呈现。