- 博客(13)
- 收藏
- 关注
RSS订阅原创 React实践项目--todolist（3）基本组件的编写与联调
真正的挑战要开始了~~~ 这里我采用自顶向下的叙述方法，来描述组件的结构，大家可以先按照顺序依次阅读，最后再回头完整的看一遍，就能明白其中的设计方法啦~~ App.jsx 在根组件中，我们使用...
2022-09-26 16:53:14
329
原创 React实践项目--todolist（2）创建工具类文件
模拟获取数据接口 创建 Context 创建 Context 用来存储 todo_list 所有列表项 Http 组件 在这个组件中，我们使用 TodoListContext.Provider ...
2022-09-26 16:52:02
383
原创 React实践项目--todolist（1）初始化配置
本系列文章会展示如何使用React构建一个简单的todo_list项目。由于我们还没有学习redux，所以纯 React来管理数据，以此来巩固React基础。
2022-09-26 16:51:24
242
原创 React 中的 context（7）
会弱化及污染组件的纯度，导致组件复用性降低。最适合的场景：杂乱无章的组件都需要同一些数据。组件中可以插入其他组件，来订阅这个。其他情况均不使用默认参数；案例2：使用组合方式解决数据传递问题。如果单纯为了不层层传递属性的话，作用：给整个组件树共享全局的数据。创建的一个上下文对象里的组件，属性，不支持其他任何属性。组件会找离自己最近的。的组件都会重新渲染；
2022-09-26 16:45:44
112
原创 React 代码分割&错误边界（6）
错误边界组件可以嵌套使用，且有冒泡机制，捕获的错误会一直往上抛，也就是说，里面的错误边界组件报错了，外层的错误组件可以捕获到。错误边界组件捕获错误的时机：渲染时、生命周期函数中、组件树的构造函数中。不要滥用动态导入，静态导入是有利于初始化依赖，静态的程序分析和。减少打包体积，对初次渲染不适用的组件延迟加载。边界错误组件捕获异常，并进行后续处理。提供的懒（动态）加载组件的方法。作用：获取捕获的错误，修改错误装填。静态导入会使其更好的工作。指示器的一个容器组件。参数：子组件抛出的错误。在该组件抛出错误后调用。
2022-09-26 16:45:01
258
原创 React 父子组件数据关系与状态提升(5)
状态提升：两个组件（无父子关系）共享一个数据并同步数据变化，即将子组件中的数据提升到父组件中进行操作和管理，通过。逻辑部分需要继承或者共用时，需要自己去写逻辑抽离的模块、函数、类，单独进行模块导入使用。类组件调用（实例化）的时候，组件内部的状态是唯一且独立的，组件之间数据不共享。可以传递任何类型的数据，所以组合的方式完全可以替代继承方案。目前还没有发现有需要组件继承的需求，因为通过。组件嵌套与调用，和类组件还是函数组件没有关系。元素的方式完全可以解决组件组合的问题，传递任何类型的数据到子组件。
2022-09-26 16:44:23
243
原创 React 受控组件&非受控组件（4）
受控组件是通过绑定事件的方式，及时获取组件状态的变化，适合即时的数据验证非受控组件是通过创建的引用来获取需要的元素(状态)，灵活性更高，开发者可以在需要时随时调用。
2022-09-23 16:54:02
131
原创 React 中的事件处理（2）
React 重新定义了事件对象：SyntheticBaseEvent(合成基础事件对象)，完全符合 W3C 标准中的事件属性定义方法。
2022-09-23 16:49:37
197
原创 React 基本简介（1）
React 从小白到进阶，7天！就7天！真的不能再多了~一起来见证一个小白，如何快速掌握 React 基本技能，到能上手做商业项目吧！
2022-09-23 16:47:34
135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人