React 函数组件 useEffect 钩子，其依赖关系在类组件生命周期中相等

Question

我在带有依赖项的功能组件内使用 useEffect 钩子，以便依赖项发生变化，useEffect 函数将像这样重新运行：

const [show, setShow] = React.useState(false);

React.useEffect(() => {
 
    console.log("Do something")

} , [show]);

我想知道 React 的类组件中有什么可以做到这一点？有没有任何生命周期方法可以实现此功能？

Answer 1

componentDidMount您可以使用和的组合componentDidUpdate：

componentDidMount(){ //use this method if you want to trigger the side effect first time
   console.log("Do something")
}

componentDidUpdate(prevProps,prevState) {
  if (this.state.show !== prevState.show) {
    console.log("Do something");
  }
}