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

Question

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

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应该包含布局和Song组件。

Answer 1

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

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