当前位置: 首页 > news >正文

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;

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

相关文章:

  • c#音乐播放器续(联网下载)
  • 【驱动篇】龙芯LS2K0300之单总线驱动
  • 越复杂的CoT越有效吗?Complexity-Based Prompting for Multi-step Reasoning
  • 长亭谛听教程部署和详细教程
  • 【Android面试八股文】你能说一说在平常开发过程中你是如何解决事件冲突问题的吗?
  • 虚幻UE5发送 get、post 请求、读取 json 文件
  • 深入浅出Java的函数式编程
  • 【Vite】控制打包结构
  • 解析Java中1000个常用类:AbstractSet类,你学会了吗?
  • spring 、springboot 运行的原理、理解、分析
  • Pnpm:包管理的新星,如何颠覆 Npm 和 Yarn
  • 四川汇聚荣科技有限公司怎么样?
  • ansibie yum模块
  • 项目3:从0开始的RPC框架(扩展版)-2
  • 【地质灾害监测实现有效预警,44人提前安全转移】
  • ES6指北【2】—— 箭头函数
  • hexo+github搭建个人博客
  • 【Leetcode】104. 二叉树的最大深度
  • 【附node操作实例】redis简明入门系列—字符串类型
  • 2018天猫双11|这就是阿里云!不止有新技术,更有温暖的社会力量
  • Cumulo 的 ClojureScript 模块已经成型
  • input实现文字超出省略号功能
  • JAVA_NIO系列——Channel和Buffer详解
  • js继承的实现方法
  • leetcode46 Permutation 排列组合
  • Node + FFmpeg 实现Canvas动画导出视频
  • PermissionScope Swift4 兼容问题
  • Python爬虫--- 1.3 BS4库的解析器
  • python学习笔记-类对象的信息
  • Terraform入门 - 1. 安装Terraform
  • vue2.0项目引入element-ui
  • web标准化(下)
  • 大型网站性能监测、分析与优化常见问题QA
  • 基于组件的设计工作流与界面抽象
  • 推荐一款sublime text 3 支持JSX和es201x 代码格式化的插件
  • 用Visual Studio开发以太坊智能合约
  • 阿里云ACE认证学习知识点梳理
  • ​LeetCode解法汇总2696. 删除子串后的字符串最小长度
  • ​水经微图Web1.5.0版即将上线
  • #if #elif #endif
  • #ifdef 的技巧用法
  • #NOIP 2014#Day.2 T3 解方程
  • (HAL库版)freeRTOS移植STMF103
  • (pytorch进阶之路)CLIP模型 实现图像多模态检索任务
  • (Ruby)Ubuntu12.04安装Rails环境
  • (超简单)构建高可用网络应用:使用Nginx进行负载均衡与健康检查
  • (附表设计)不是我吹!超级全面的权限系统设计方案面世了
  • (附源码)ssm考试题库管理系统 毕业设计 069043
  • (九)信息融合方式简介
  • (力扣记录)1448. 统计二叉树中好节点的数目
  • (七)Appdesigner-初步入门及常用组件的使用方法说明
  • (十三)Flask之特殊装饰器详解
  • (一)80c52学习之旅-起始篇
  • (一)Neo4j下载安装以及初次使用
  • (一)UDP基本编程步骤