初识 context 在典型的 React 应用中，数据是通过 props 属性显式的由父及子进行传递的，但这种方式，对于复杂情况（例如，跨多级传递，多个组件共享）来说，是极其繁琐的。 组件的封装与组合，将组件自身传递下去 在项目中，我们在父层获取数据，不同层级的子组件访问时，我们可以使用将子组件的公共组件封装，将公共组件传递下去 这种对组件的控制反转减少了在应用中要传递的 props… »

ES… »

引言 本篇从 React Refs 的使用场景、使用方式、注意事项，到 与 Hook 的对比使用，最后以 React 源码结束，剖析整个 React Refs，关于 会在下一篇文章深入探讨。 Refs React 的核心思想是每次对于界面 state 的改动，都会重新渲染整个 Virtual DOM，然后新老的两个 Virtual DOM 树进行 diff（协调算法），对比出变化的地方，然后通过 render 渲染到实际的 UI 界面， 使用 Refs… »

forwardRef 在 中已经介绍过，有三种方式可以使用 React 元素的 ref ref 是为了获取某个节点的实例，但是函数式组件（PureComponent）是没有实例的，不存在 this 的，这种时候是拿不到函数式组件的 ref 的。 为了解决这个问题，由此引入 ， 允许某些组件接收 ref，并将其向下传递给子组件 只在使用 定义组件时， 第二个参数 ref 才存在 在项目中组件库中尽量不要使用 ，因为它可能会导致子组件被 破坏性更改 函数组件 和 class… »

组件 纯组件 和 类似，都是定义一个组件类。不同是 没有实现 ，而 通过 和 的浅比较实现了。 在下一节中将会详细介绍。 函数组件 定义 React 组件的最简单方式就是定义一个函数组件，它接受单一的 props 并返回一个 React 元素。 在函数组件中，它的输入输出全部由 props 决定，且不会产生任何副作用，这说明函数组件也是无状态组件。 在函数组件中，无法修改 props，无法使用 state… »