ComponentDimmount在React函数/Hooks组件上的等价？

Question

是否有方法通过钩子在React功能组件中模拟componentdidmount？

Answer 1

对于稳定版本的钩子（React版本16.8.0+)

对于ComponentDidMount

useEffect(() => {
  // Your code here
}, []);

对于componentdidupdate

useEffect(() => {
  // Your code here
}, [yourDependency]);

useEffect(() => {
  // componentWillUnmount
  return () => {
     // Your code here
  }
}, [yourDependency]);

useEffect(() => {
  // <div>{count}</div>
}, [count]);

这样，每当计数更新时，组件就会重新呈现。希望这会有所帮助。