大家最近在使用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>
        <Content
          style={{
            margin: 16,
            padding: 16,
            minHeight: 280,
            background: colorBgContainer,
            borderRadius: borderRadiusLG,
          }}
        >
          <Outlet></Outlet>
        </Content>
      </Layout>
    </Layout>
  );
};
export default App;

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