对同一个对象属性的修改不会改变对象的值引用,对同一个数组成员的修改也不会改变数组的值引用,在 React 中都不认为是变化。所以在更新这类 state 时,需要新建对象、数组
来自:12|组件表与里(上):数据是如何在 React 组件之间流转的?
5 人划过
这两个组件的 props 中都有一个叫 children 的属性,这个属性一般不需要显式地传值,只要在 JSX 中写这个组件的标签时,在闭合标签内部加入子元素即可,子元素会自动作为 children 传给标签对应的组件。
来自:05|前端组件化:如何将完整应用拆分成React组件?
3 人划过
组件的 state 并不是绑定在组件的函数上的,而是组件渲染产生的虚拟 DOM 节点,也就是 FiberNode 上的。所以在上面的函数中调用 useState ,意味着函数将访问函数本身以外、React 以内的状态,这就让函数产生了副作用,导致函数不再是纯函数,也意味着函数组件不再是“纯函数组件”
来自:09|React Hooks(上):为什么说在React中函数组件和Hooks是绝配?
3 人划过
虽然 useEffect 作为组件函数体的一部分,在每次组件渲染(包括挂载和更新阶段)时都会被调用,但作为参数的副作用回调函数是在提交阶段才会被调用的,这时副作用回调函数可以访问到组件的真实 DOM。
来自:10|React Hooks(下):用Hooks处理函数组件的副作用
3 人划过
*精彩内容为该课程各文章中划线次数最多的内容

编辑推荐

包含这门课的学习路径

前端工程师
24门课程 109.3w人学习
看过的人还看了



JavaScript 进阶实战课
¥59¥129
石川
JavaScript Patterns and Anti-Patterns 等开源项目创建者,O'Reilly 技术评审
47讲 | 15077 人已学习


