随笔分类 - react

react框架相关的学习开发

摘要：目的：路由切换时，组件只是隐藏，而不要销毁，以达到缓存的目的。实现原理：在切换路由时，让页面不卸载，而是通过 display none 隐藏掉。这样，因为页面没有卸载，所以原来所有的操作都会被保存下来。将来再返回该页面，只需要 display block 展示即可。这样，就可以恢复原来的内容了阅读全文

posted @ 2022-04-12 20:51 嗤嗤13 阅读(339) 评论(0) 推荐(0) 编辑

react-配置-移动端vw

摘要：安装 px 转 vw 的包：npm i -D postcss-px-to-viewport 包的作用：将 px 转化为 vw，所以有了该工具，只需要在代码中写 px 即可在 craco.config.js 添加相应配置重启项目，让配置生效 craco.config.js const pxToVi 阅读全文

posted @ 2022-04-12 13:43 嗤嗤13 阅读(187) 评论(0) 推荐(0) 编辑

react-组件-Icon

摘要：1. 基本使用 1.1. 在 public 下 index.html 中引入该文件图标库   <script src="xxxx 阅读全文

posted @ 2022-04-12 13:38 嗤嗤13 阅读(267) 评论(0) 推荐(0) 编辑

react-hooks封装-发送请求初始化

摘要：因发送请求获取数据的逻辑基本一致，所以将其封装为自定义hooks，用以简化代码阅读全文

posted @ 2022-04-04 21:16 嗤嗤13 阅读(632) 评论(0) 推荐(0) 编辑

react配置-craco路径使用@符

摘要：在react中配置@符替代src并提供路径提示效果阅读全文

posted @ 2022-04-02 20:47 嗤嗤13 阅读(990) 评论(0) 推荐(0) 编辑

在react+ts中配置eslint

摘要：本次eslint配置是基于react+ts 1. 在项目中安装eslint及对应的规则的包 npm i eslint -D 2. 配置eslint。执行eslint的命令：npx eslint --init 提供交互界面，用户去选择恭喜完成配置根据选择去自动下包自动生成配置文件 3. 配置开发阅读全文

posted @ 2022-04-02 20:18 嗤嗤13 阅读(741) 评论(0) 推荐(0) 编辑

react-类组件的路由传参-7种

摘要：react-类组件的路由传参阅读全文

posted @ 2022-04-01 23:18 嗤嗤13 阅读(466) 评论(0) 推荐(0) 编辑