ReactHooks和ComponentLifecycle等效

什么的等价物 componentDidMount,componentDidUpdate以及componentWillUnmount使用钩做出反应就像生命周期挂钩useEffect？

componentDidMount

传递一个空数组作为第二个参数,useEffect()仅在mount上运行回调.

function ComponentDidMount() {
  const [count, setCount] = React.useState(0);
  React.useEffect(() => {
    console.log('componentDidMount');
  }, []);

  return (
    

      
componentDidMount: {count} times
       {
          setCount(count + 1);
        }}
      >
        Click Me
      
    
  );
}

ReactDOM.render(
  

    
  
,
  document.querySelector("#app")
);

如果我们使用类实现：

componentDidUpdate() {
  setTimeout(() => {
    console.log(`You clicked ${this.state.count} times`);
  }, 3000);
}




this.state.count总是指向最新计数，而不是指向特定渲染的计数。