React
文章平均质量分 52
DC...
practice make perfect
展开
-
【React】路由懒加载 React.lazy()
**路由懒加载**就是加载首页时不加载其他组件,当你点击对应的模块,才按需去加载路由对应的资源, 可以**提高加载速度,加快首页渲染** (一个页面加载过后再次访问不会重复加载)原创 2022-08-06 22:21:50 · 1917 阅读 · 0 评论 -
【React】redux中引入createStore有删除线
解决方法*2原创 2022-08-04 12:04:51 · 4643 阅读 · 0 评论 -
【React】路由组件传递参数(params,search,state)
但是在接收参数时获取到的是urlencoded编码字符串,需要借助querystring解析,但是querystring已被弃用,解决方法请参考文章。state刷新时也可以保留参数。2、注册路由(声明接受)2、注册路由但不需要声明。2、注册路由但不需要声明。1、路由链接携带参数。1、路由链接携带参数。...原创 2022-08-02 17:46:38 · 435 阅读 · 0 评论 -
querystring弃用问题【已解决】
npm i querystringify原创 2022-08-02 10:49:12 · 1306 阅读 · 0 评论 -
React路由中Switch的使用【提高效率】
为了解决route的唯一渲染,它是为了保证路由只渲染一个路径。如果没有Switch组件,当一个path匹配到多个component时,会渲染出多个组件。一个路径在匹配到了对应的component之后,还会接着向下匹配,会大大的影响效率。......原创 2022-07-26 15:56:49 · 909 阅读 · 2 评论 -
Using target=“_blank“ without rel=“noreferrer“ (which implies rel=“noopener“) 【前端安全】
rel="noopener noreferrer"原创 2022-07-24 09:27:50 · 779 阅读 · 0 评论 -
React脚手架配置代理(解决跨域)
出于浏览器的同源策略限制。同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议(protocol),主机(host)和端口号(port)如果不解决掉跨域问题,就会出现非同源限制。...原创 2022-07-23 19:33:38 · 282 阅读 · 0 评论 -
React生命周期(包含新旧流程图对比)
React 16.8以后的生命周期分为三个阶段,分别是挂载阶段、更新阶段、卸载阶段。1、组件从创建到死亡它会经历一些特定的阶段。2、React组件中包含一系列勾子函数(生命周期回调函数), 会在特定的时刻调用。3、我们在定义组件时,会在特定的生命周期回调函数中,做特定的工作。 render:必须用,渲染使用 componentDidMount:一般在这个勾子做一些初始化的事情,如开启监听, 发送请求请求 componentWillUnmount:做一些收尾工作, 如: 关闭定时器,取消订阅原创 2022-07-12 16:45:02 · 573 阅读 · 0 评论 -
React 受控组件和非受控组件(总结)
详细解释React中受控组件和非受控组件,配上代码简单易懂原创 2022-07-11 10:22:10 · 315 阅读 · 0 评论