![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 56
lucky_full
笑着写代码
展开
-
React.Meno
React.memo() 是一个高阶组件,它接收另一个组件作为参数,并且会返回一个包装过的新组件,包装过的新组件就会具有缓存功能,包装过后,只有组件的props发生变化,才会触发组件的重新的渲染,否则总是返回缓存中结果。原创 2022-09-19 22:12:54 · 480 阅读 · 0 评论 -
React useReduce useCallback使用
Reducer横空出世,reduce单词中文意味减少,而reducer我觉得可以翻译为“当你的state的过于复杂时,你就可以使用的可以对state进行整合的工具”。当然这是个玩笑话,个人认为Reducer可以翻译为“整合器”,它的作用就是将那些和同一个state相关的所有函数都整合到一起,方便在组件中进行调用。当然工具都有其使用场景,Reducer也不例外,它只适用于那些比较复杂的state,对于简单的state使用Reducer只能是徒增烦恼。原创 2022-09-18 21:15:15 · 789 阅读 · 0 评论 -
React useEffect副作用函数
比如,在effect中设置了一个定时器,总不能每次effect执行都设置一个新的定时器,所以我们需要在一个effect执行前,清除掉前一个effect所带来的影响。useEffect()是一个钩子函数,需要一个函数作为参数这个作为参数的函数,将会在组件渲染完毕后执行。在开发中,可以将那些会产生副作用的代码编写到useEffect的回调函数中 ,这样就可以避免这些代码影响到组件的渲染。effect返回的函数,会在下一次effect执行前调用,我们可以在这个函数中清除掉前一次effect执行所带来的影响。原创 2022-09-17 21:57:00 · 408 阅读 · 0 评论 -
React setState执行流程
;clickHandler } > 点击 < / button > < / div >);}当我们点击按钮时setCount() 会调用 dispatchSetDate(),这个函数会先判断,组件当前处于什么阶段。如果是渲染阶段 --> 不会检查state值是否相同如果不是渲染阶段 --> 会检查state的值是否相同如果值不相同,则对组件进行重新渲染如果值相同,则不对组件进行重新渲染。原创 2022-09-15 20:47:57 · 390 阅读 · 0 评论 -
React使用Context
编写组件的时候我们经常使用属性简写组件之间的传值,但是有时候我们的组件层级比较高,这导致我们传递的属性在一些中间组件并没有被使用,导致代码比较乱,这时候我们可以使用Context,Context相当于一个公共的存储空间。useContext() 需要一个Context作为参数,它会将Context中数据获取并作为返回值返回。它会将context设置为回调函数的参数,通过参数就可以访问到context中存储的数据。2.使用钩子函数useContext()获取到context。使用Context有两种方式。原创 2022-09-14 17:18:28 · 608 阅读 · 0 评论 -
React 类组件
类组件必须继承React.Component必须有render函数render函数中必须有return。原创 2022-09-10 22:50:06 · 609 阅读 · 0 评论 -
React之useRef的使用
我们在使用React开发中可能会操作DOM对象或者需要保存某个值,这个时候我们可以使用useRef。原创 2022-09-09 22:44:11 · 3493 阅读 · 0 评论 -
React State
在React中,当组件渲染完毕后,再修改组件中的变量,不会使组件重新渲染 要使得组件可以收到变量的影响,必须在变量修改后对组件进行重新渲染这里我们就需要一个特殊变量,当这个变量被修改使,组件会自动重新渲染。原创 2022-09-08 07:00:00 · 164 阅读 · 0 评论 -
React Props
我们希望组件数据可以由外部设置,在组件间,父组件可以通过props(属性)向子组件传递数据。如果将组件中的数据全部写死,将会导致组件无法动态设置,不具有使用价值。可以在函数组件的形参中定义一个props,props指向的是一个对象。在函数组件中,属性就相当于是函数的参数,可以通过参数来访问。它包含了父组件中传递的所有参数。原创 2022-09-07 16:34:29 · 178 阅读 · 0 评论 -
React创建
从本章开始介绍React。原创 2022-09-05 18:39:52 · 296 阅读 · 0 评论