### 🧐 问题描述 V5版封装了基础布局，想要自定义collapsed，只能在`app.tsx`运行时修改，最终虽然实现了效果，但是debug发现，BasicLayout总是渲染两次，想知道为什么？ ### 💻 示例代码 ``` export const layout: RunTimeLayoutConfig = ({ initialState, setInitialState }) => { // eslint-disable-next-line no-console console.log('re layout'); // console.log(initialState?.global?.collapsed); return { logo, rightContentRender: () => , disableContentMargin: false, waterMarkProps: { content: initialState?.currentUser?.name, }, // 在initialState中存储的collapsed变量 collapsed: initialState?.global?.collapsed, onCollapse: false, collapsedButtonRender: false, headerContentRender: () => { return (

// 点击自定义的按钮，修改initialState中的collapsed setInitialState({ ...initialState, global: { collapsed: !initialState?.global?.collapsed, }, }) } style={{ cursor: 'pointer', fontSize: '16px', }} > {initialState?.global?.collapsed ? : }

); }, footerRender: () =>

🧐[问题] V5实现自定义collapsed，貌似会导致BasicLayout渲染两次，如何处理？ #8242

Company

Community

Support

Connect