Open zrless opened 2 years ago
突然找到一个layout 配置中用 childrenRender 方法,可实现以上效果
export const layout: RunTimeLayoutConfig = ({ initialState }) => {
return {
rightContentRender: () => <RightContent />,
footerRender: () => <Footer />,
childrenRender: (dom: JSX.Element, props: BasicLayoutProps) => {
console.log(props);
return <PageContainer>{dom}</PageContainer>;
},
};
};
例子:
contentRender可以拿到路由的对应的Component作为children,插入到PageContainer中,这样一来所有页面都有PageContainer,不需要每个页面单独引用。