| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> React采坑日记——做项目中遇到的坑 -> 正文阅读 |
|
[JavaScript知识库]React采坑日记——做项目中遇到的坑 |
学完React基础,自己写了一个项目,遇到了很多难以解决的问题,在此记录一下,分享给大家。 1.编程式导航相关问题在登录页面跳转时使用this.props.history.push('./*****)进行页面跳转,没反应页面。(我项目用的是v6版本的路由),然后查看报错显示好像是push未定义。 然后查找了相关资料,是这么说的 ?但是我用的是V6版路由,已经取消了withRouter,经过查阅找到了新版路由编程时导航使用Hook中的useNavigage()进行跳转,完美的解决了我的问题,但是他这个必须是函数式组件才能用。 目前还有疑问? 如果我要是在类组件中并且是V6版本的路由该怎么使用编程式导航进行跳转? 那么就要自己封装一个withRouter组件,然后就可以按照V5的方式使用 2.路由相关问题采坑?如图所示,项目中要设置二级路由,根据侧边栏不同导航 ,内容区显示不同内容。曾经在vue中写过很多,但在React中总感觉难好多 ?3.React中怎样避免样式冲突方法插件很多,我的项目中采用css Modles+sass的方法。 步骤:1.改样式文件名****.module.css ? ? ? ? ? ?2.导入样式文件 ? ? ? ? ? ?3.把根标签的类名用style.类名表示 ? ? ? ? 4.一般把根元素类名改了,其他用:gloaba包裹 4.窗口100%在项目中有时设置宽高100%却不生效,可以这样试试
5.img中导入图片问题?这里不像vue那样<img src=''>直接导入, import picture from './././././' <img src={picture}/>? 6../../../改为绝对路径,相当于Vue中@/在根目录下新建jsconfig,json文件
然后重启项目,然后使用时直接从上一个文件夹开始? page/index.js 7.路由鉴权??8.useRoutes让你和vue中路由那样使用 9.解决后台管理系统侧边栏刷新后重新锁定问题假如你锁定了侧边栏第二项,又刷新了浏览器,然后重新锁定第一个了 ? 10.antd全局国际化antd中默认是英文,要想改为中文在index入口文件中
这就全部变为中文了? ?11.关于useState接收接口请求数据并渲染出来的问题在项目中,我从接口接收到一个数组数据,并想用map循环遍历渲染出来,但是一直报错,经过一下午的排错,找到在useState([])初始化时给了一个空数组,但是在map()遍历时,第一次遍历是空的数组页面直接报废,所以应该在初始化阶段给数组一些模拟数据,这样就完美解决。 ? ? ? ? |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/23 13:48:09- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |