javascript - React 功能组件 useEffect 挂钩，在类组件生命周期中具有相等的依赖关系

Question

我在具有依赖关系的功能组件中使用 useEffect 挂钩，以便依赖关系发生变化，useEffect 函数将像这样重新运行：

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

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

} , [show]);

我想知道反应的类组件中有什么可以像这样做？是否有任何生命周期方法具有此功能？

标签： javascriptreactjsreact-hooksreact-lifecyclereact-lifecycle-hooks

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");
  }
}