![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React--7天从基础到进阶
文章平均质量分 52
泡面加咖啡
这个作者很懒,什么都没留下…
展开
-
React 深入 JSX(10)
),将转换为第一个参数。原创 2022-09-26 16:47:34 · 234 阅读 · 0 评论 -
React 中的 Refs(9)
允许我们用于强制修改子组件。来实现父子组件的交互。原创 2022-09-26 16:46:53 · 130 阅读 · 0 评论 -
React 高阶组件(8)
更加关注逻辑和状态的管理,参数组件的逻辑与状态订阅;参数组件基本只需关注视图的渲染;原创 2022-09-26 16:46:19 · 228 阅读 · 0 评论 -
React 中的 context(7)
会弱化及污染组件的纯度,导致组件复用性降低。最适合的场景:杂乱无章的组件都需要同一些数据。组件中可以插入其他组件,来订阅这个。其他情况均不使用默认参数;案例2:使用组合方式解决数据传递问题。如果单纯为了不层层传递属性的话,作用:给整个组件树共享全局的数据。创建的一个上下文对象里的组件,属性,不支持其他任何属性。组件会找离自己最近的。的组件都会重新渲染;原创 2022-09-26 16:45:44 · 100 阅读 · 0 评论 -
React 代码分割&错误边界(6)
错误边界组件可以嵌套使用,且有冒泡机制,捕获的错误会一直往上抛,也就是说,里面的错误边界组件报错了,外层的错误组件可以捕获到。错误边界组件捕获错误的时机:渲染时、生命周期函数中、组件树的构造函数中。不要滥用动态导入,静态导入是有利于初始化依赖,静态的程序分析和。减少打包体积,对初次渲染不适用的组件延迟加载。边界错误组件捕获异常,并进行后续处理。提供的懒(动态)加载组件的方法。作用:获取捕获的错误,修改错误装填。静态导入会使其更好的工作。指示器的一个容器组件。参数:子组件抛出的错误。在该组件抛出错误后调用。原创 2022-09-26 16:45:01 · 247 阅读 · 0 评论 -
React 父子组件数据关系与状态提升(5)
状态提升:两个组件(无父子关系)共享一个数据并同步数据变化,即将子组件中的数据提升到父组件中进行操作和管理,通过。逻辑部分需要继承或者共用时,需要自己去写逻辑抽离的模块、函数、类,单独进行模块导入使用。类组件调用(实例化)的时候,组件内部的状态是唯一且独立的,组件之间数据不共享。可以传递任何类型的数据,所以组合的方式完全可以替代继承方案。目前还没有发现有需要组件继承的需求,因为通过。组件嵌套与调用,和类组件还是函数组件没有关系。元素的方式完全可以解决组件组合的问题,传递任何类型的数据到子组件。原创 2022-09-26 16:44:23 · 231 阅读 · 0 评论 -
React 受控组件&非受控组件(4)
受控组件是通过绑定事件的方式,及时获取组件状态的变化,适合即时的数据验证非受控组件是通过创建的引用来获取需要的元素(状态),灵活性更高,开发者可以在需要时随时调用。原创 2022-09-23 16:54:02 · 119 阅读 · 0 评论 -
React 列表渲染&条件渲染(3)
React 列表渲染&条件渲染原创 2022-09-23 16:52:10 · 89 阅读 · 0 评论 -
React 中的事件处理(2)
React 重新定义了事件对象:SyntheticBaseEvent(合成基础事件对象),完全符合 W3C 标准中的事件属性定义方法。原创 2022-09-23 16:49:37 · 185 阅读 · 0 评论 -
React 基本简介(1)
React 从小白到进阶,7天!就7天!真的不能再多了~一起来见证一个小白,如何快速掌握 React 基本技能,到能上手做商业项目吧!原创 2022-09-23 16:47:34 · 120 阅读 · 0 评论