![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 75
无敌CV工程师
前端领域博主,阿里云专家博主
展开
-
react项目--博客管理
利用useLocation进行反向高亮//反向高亮//触发个人信息的action//获取store内的个人信息选择时,高亮效果没实现,增加以下两行代码。原创 2024-06-10 13:54:01 · 804 阅读 · 1 评论 -
React懒加载
React.lazy 函数能让你像渲染常规组件一样处理动态引入(的组件)。(1) 为什么代码要分割当你的程序越来越大,代码量越来越多。一个页面上堆积了很多功能,也许有些功能很可能都用不到,但是一样下载加载到页面上,所以这里面肯定有优化空间。就如图片懒加载的理论。(2) 实现原理当 Webpack 解析到该语法时,它会自动地开始进行代码分割(Code Splitting),分割成一个文件,当使用到这个文件的时候会这段代码才会被异步加载。(3) 解决方案。原创 2024-03-17 08:43:36 · 350 阅读 · 0 评论 -
Portal
Portals 提供了一个最好的在父组件包含的DOM结构层级外的DOM节点渲染组件的方法。第一个参数child是可渲染的react子项,比如元素,字符串或者片段等。第二个参数container是一个DOM元素。原创 2024-03-17 08:43:11 · 376 阅读 · 0 评论 -
styled-components
通过JavaScript来为CSS赋能,我们能达到常规CSS所不好处理的逻辑复杂、函数方法、复用、避免干扰。样式书写将直接依附在JSX上面,HTML、CSS、JS三者再次内聚。它是通过JavaScript改变CSS编写方式的解决方案之一,从根本上解决常规CSS编写的一些弊端。**一定要写className **原创 2024-03-16 08:50:11 · 425 阅读 · 0 评论 -
组件通信方式
类组件通过props函数组件。原创 2024-03-16 08:49:50 · 371 阅读 · 0 评论 -
Immutable
每次修改一个 Immutable 对象时都会创建一个新的不可变的对象,在新对象上操作并不会影响到原对象的数据。那么,这个属于深拷贝还是浅拷贝。原创 2024-03-15 08:47:09 · 403 阅读 · 0 评论 -
React-redux
Redux 是 JavaScript 应用的状态容器,提供可预测的状态管理。原创 2024-03-15 08:46:15 · 1542 阅读 · 0 评论 -
React路由
路由是根据不同的 url 地址展示不同的内容或页面。一个针对React而设计的路由解决方案、可以友好的帮你解决React components 到URl之间的同步映射关系注:exact 精确匹配 (Redirect 即使使用了exact, 外面还要嵌套Switch 来用)a new entry will not be added to the history stack,这个警告只有在hash 模式会出现。原创 2024-03-13 23:56:34 · 702 阅读 · 0 评论 -
React hooks
通过自定义 Hook,可以将组件逻辑提取到可重用的函数中,在 Hook 特性之前,React 中有两种流行的方式来共享组件之间的状态逻辑:render props和高阶组件,但此类解决方案会导致组件树的层级冗余等问题。而自定义Hook 的使用可以很好的解决此类问题创建自定义 Hook自定义 Hook 是一个函数,其名称以 “use” 开头,函数内部可以调用其他的 Hook。});}, []);使用return (原创 2024-03-13 23:56:14 · 944 阅读 · 1 评论 -
React生命周期
调用 forceUpdate() 将致使组件调用 render() 方法,此操作会跳过该组件的 shouldComponentUpdate()。通常你应该避免使用 forceUpdate(),尽量在 render() 中使用 this.props 和 this.state。通过这个钩子修改的state,state任何时候都取决于props,其他的函数无法进行修改。在新的生命周期中,废弃了旧版本的3个带will的钩子,新提出了2个钩子。第一次的初始化组件以及后续的更新过程中(包括自身状态更新以及父传子) ,原创 2024-03-12 15:27:50 · 1282 阅读 · 0 评论 -
React基础
没有 state 的组件叫无状态组件(stateless component),设置了 state 的叫做有状态组件(stateful component)。props 的主要作用是让使用该组件的父组件可以传入参数来配置该组件。props是正常是外部传入的,组件内部也可以通过一些方式来初始化的设置,属性不能被组件自己更改,但是你可以通过父组件主动重新渲染的方式来传入新的。setState 是异步的,所以想要获取到最新的state,没有办法获取,就有了第二个参数,这是一个可选的回调函数。原创 2024-03-09 08:51:59 · 2398 阅读 · 8 评论