- 博客(15)
- 收藏
- 关注
原创 [React]组件渲染性能优化
可以看到,在更新子组件的数据时,由于数据是从父组件传递下去的,相当于更新了父组件数据,那么父组件就会重新渲染,最终导致的结果就是父组件下面所有的子组件都重新渲染了。的生命周期钩子函数,该函数会在渲染执行之前被调用,函数内部能够接收到新的属性和新的状态,我们要做的就是让新的属性和状态和当前的属性以及状态进行浅比较,如果相同则返回。可以看到,父组件的更新会导致两个子组件更新,这是正常的,子组件各自的更新不会影响其他组件。的状态时,子组件也会跟着更新,原因很简单,因为父组件更新了,那你子组件当然要重新更新。
2024-01-28 00:26:17
884
原创 [React]错误边界
运行时间点:渲染子组件的过程中,发生错误,更新页面之后(整个应用已经崩溃了,之后再重新渲染整个应用,当然会排除有问题的那一部分UI,那一部分渲染降级UI),由于其运行时间点比较靠后,这在某些场景下,实际上是没有必要的,例如有问题的组件是广告、或者一些无关紧要的组件,此时我们就期望渲染出问题组件以外的组件树。,而并不会渲染那些发生崩溃的子组件树。运行时间点:渲染子组件的过程中,发生错误之后,在更新页面之前(整个应用没有崩溃,直接渲染降级 UI)在上面的代码中,我们就创建了一个错误边界组件,该组件有一个。
2024-01-27 17:44:17
379
原创 [React]Portals
Portals被翻译成传送门,它要做的事情实际上也确实和传送门很相似,根据官方的解释:Portal提供了一种将子节点渲染到存在于父组件以外的DOM节点的优秀的方案。第一个参数(child)是任何可渲染的React子元素,第二个参数(container)是一个DOM元素。学习一个知识我们仍然是应该从以下2个点着手:何时用?如何用?
2024-01-26 17:18:57
999
1
原创 [React]Render Props
在React中,代码复用的最基本单位就是组件,但是如果组件中也出现了重复的代码,该怎么做呢?那么我们需要通过某种方式将代码中公共的部分抽取出来,这些公共的部分就被称之为横切关注点(在React中,常见有两种方式来进行横切关注点的抽离:实际上本身并非什么新语法,而是指一种在React组件之间使用一个值为函数的prop共享代码的简单技术。高阶组件(HOC有关,咱们主要需要掌握以下2个点:如何用?何时用?
2024-01-24 19:11:26
849
原创 【uniapp】小程序中textarea设置placeholder字体大小不生效以及解决办法
【代码】【uniapp】小程序中textarea设置placeholder字体大小不生效以及解决办法。
2024-01-17 15:22:16
1236
原创 组件通信使用v-model需要注意?
有一种情况是父组件传递数据给子组件,子组件将传入的数据绑定了v-model,那么在修改子组件的时候也会修改父组件数据,打破了组件单向数据流规则。出问题很不容易找到,经过尝试找到了解决办法。
2024-01-03 10:24:11
349
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人