React AntDesign Layout组件布局刷新页面错乱闪动

本文主要是介绍React AntDesign Layout组件布局刷新页面错乱闪动，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

大家最近在使用React AntDesign Layout组件布局后刷新页面时，页面布局错乱闪动

经过组件属性的研究才发现，设置 hasSider 为 true 就能解决上面的问题，耽搁了半天的时间，接着踩坑接着加油！！！

import { Layout, theme } from 'antd';
import { Outlet } from "react-router-dom"
import HeaderCom from './header';
import Asider from './asider';
const { Content } = Layout;
const App = () => {const {token: { colorBgContainer, borderRadiusLG },} = theme.useToken();return (<Layout hasSider><Asider></Asider><Layout><HeaderCom></HeaderCom><Contentstyle={{margin: 16,padding: 16,minHeight: 280,background: colorBgContainer,borderRadius: borderRadiusLG,}}><Outlet></Outlet></Content></Layout></Layout>);
};
export default App;

如果这篇文章对你有所帮助，欢迎点赞、分享和留言，让更多的人受益。感谢你的细心阅读，如果你发现了任何错误或需要补充的地方，请随时告诉我，我会尽快处理。

这篇关于React AntDesign Layout组件布局刷新页面错乱闪动的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---