React useComponentDidMount钩子

在组件挂载后立即执行回调函数。

• 使用useEffect()钩子，并将空数组作为第二个参数。这样，当组件挂载时，提供的回调函数只会执行一次。
• 与类组件的componentDidMount()生命周期方法相似。

const useComponentDidMount = onMountHandler => {
  React.useEffect(() => {
    onMountHandler();
  }, []);
};

const Mounter = () => {
  useComponentDidMount(() => console.log('组件已挂载'));

  return <div>请查看控制台！</div>;
};

ReactDOM.createRoot(document.getElementById('root')).render(
  <Mounter />
);