时间轴

abzzp 发布了《React中高阶组件的定义和作用》

高阶组件是一个函数，接受一个组件作为参数，返回一个新的组件。高阶组件可以用来复用组件逻辑，将组件的状态和行为封装在一个组件中，然后通过高阶组件将其应用到其他组件中。

abzzp 发布了《React中受控和非受控组件》

受控组件：组件的值由React控制的组件，即组件的值由React的state控制的组件。非受控组件：组件的值由DOM控制的组件，即组件的值由DOM的value控制的组件。

abzzp 发布了《React中ref获取DOM和组件》

在React中，我们可以通过ref获取DOM和组件。请看下面这个例子...

abzzp 发布了《React中ref获取函数组件的DOM》

在React中使用ref获取函数组件的DOM，函数组件必须使用`forwardRef`进行转化，函数组件必须使用`ref`接收ref引用对象，函数组件必须使用`current`获取DOM

abzzp 发布了《React中ref获取类组件实例》

在React中我们可以通过ref获取类组件实例！

abzzp 发布了《React中的数据不可变原则》

数据不可变的好处是便于数据追踪，不可变数据使得数据的变化历史更加清晰，便于调试和追踪问题。

abzzp 发布了《React中render函数的优化》

如果我们使用的是函数组件式开发用的是React.memo()方法，如果我们使用的是类组件式开发用的是React.PureComponent()方法。

abzzp 发布了《React中setState详细使用》

当我们使用`flushSync`函数时，就会立即更新状态值，也就是说在执行完`this.setState({message:"你好啊，世界"})`之后，会立即更新状态值(在控制台才会输出`你好啊，世界`)，而不是在下一个事件循环中才会更新。

abzzp 发布了《React中setState设计是异步》

在React18之前，setState操作是同步的，在React18之后，setState操作是异步的。原因是：为了提高性能。

abzzp 发布了《React中setState的三种写法》

本文介绍了React中setState的三种写法，第一种是传入一个对象，第二种是传入一个回调函数，第三种是传入第二个参数callback函数

abzzp 发布了《React中非父子通信如何实现呢？》

我们都知道在React中，父子组件通信可以通过props和state，但是非父子组件通信怎么办呢？我们可以使用EventBus来实现非父子组件通信。

abzzp 发布了《React中非父子通信用Context如何实现？》

本文介绍了React中非父子通信，用Context如何实现。

abzzp 发布了《React中组件的作用域插槽是如何实现的？》

作用域插槽的使用场景: 当组件的内容是动态的，但是组件的样式是固定的，这时候可以使用作用域插槽，将动态的内容传递给组件，组件内部使用插槽渲染

abzzp 发布了《React中组件的插槽实现》

本文主要介绍了React中插槽的实现，通过children属性和props来实现插槽。

abzzp 发布了《React组件通信案例练习》

通过上面的案例，我们发现，React组件通信的实现方式有很多种，在实际开发中，我们需要根据实际情况选择合适的通信方式。