React
文章平均质量分 85
NF_ye
正在学习中的小白。。。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
React 学习(六)
在redux里action仅仅是携带了数据的普通对象,而actionCreator返回的值也仅仅是这个action类型的普通对象,然后通过dispatch派发。当应用的状态较为复杂时,可以将 Reducer 拆分成多个小的 Reducer,然后通过合并这些小的 Reducer 形成一个根 Reducer。HOC不仅仅是一个方法,还是一个组件工厂,获取低阶组件,将其加工成高阶组件。纯函数是指在相同的输入下,始终产生相同的输出,并且没有副作用的函数。Reducer 负责处理状态的变化,并返回新的状态。原创 2023-06-27 16:09:18 · 1241 阅读 · 1 评论 -
React 学习(五)
React路由v6原创 2023-06-25 14:00:53 · 474 阅读 · 0 评论 -
React 学习(四)
<ul></ul>原创 2023-06-21 11:54:10 · 179 阅读 · 0 评论 -
React 学习(三)
在 Fiber 架构中的调度过程中可能会被多次调用,甚至可能在组件还未实际更新之前被触发。这是一个必需的方法,在组件生命周期的不同阶段都会被调用。比较新旧props、state(值相等,或者对象含有相同的属性,且属性值相等)父组件render,导致子组件也跟着render,所以利用scu函数,优化。return 返回一个对象作为新的state(合并老的state,同名 ),可能导致数据在不能及时更新到组件的状态中,导致渲染出错。无法触发更新的情况下(如深层次的子组件),我们才使用。原创 2023-06-21 10:12:30 · 529 阅读 · 0 评论 -
React 学习(二)
方便消费者组件修改value值,而引起整个State数据改变,从而更新render函数,所有的消费者组件都可及时更新数据。如果传入子组件有多个包含块,那么props.children为一个数组。将真实的数据存于DOM节点上,更容易集成React和非React代码。由父组件统一管理子组件的状态,并用prop方式将数据分发给子组件。父组件传入相同名的props,则替换,否则使用默认props。向子组件中插入数据,子组件props.children接收。将需要提供给消费者组件的值info定义为。原创 2023-06-21 09:24:33 · 137 阅读 · 0 评论 -
React 学习(一)
在 React 中,事件对象并不是原生的事件对象,而是 React 封装的合成事件对象(SyntheticEvent)。React 16.8之后 函数组件借助react hooks也有状态,目前仅针对于class生命的组件。函数第二个参数为一个回调函数,可以获取setState修改后,当前。接受第二个参数,回调函数,状态和DOM更新完以后就会调用。React 16.8版本之前,函数式组件无状态。之后,有react hooks,有状态。,并在不同浏览器中处理事件的差异性。,单大括号,中的第二层括号其实是。原创 2023-06-04 16:41:22 · 1085 阅读 · 1 评论
分享