React Hook 如何实现 componentWillMount

useComponentWillMount 的实现

1、使用 useEffect

useEffect(() => {  
  // 这里的代码将在组件首次渲染后执行一次，类似于 componentWillMount  
  console.log('This will run once after the component is mounted.');  

  return () => {  
    // 清理操作  
  };  
}, []); // 空数组确保这个 effect 只在组件挂载和卸载时执行 

2、使用 useRef

import { useRef } from 'react';

const useComponentWillMount = (cb) => {    
  const willMount = useRef(true)    

  if (willMount.current) cb()    

  willMount.current = false
}