30秒学会 React 片段 · 2017年10月27日

30秒学会 React 片段 – useComponentDidMount

A hook that executes a callback immediately after a component is mounted.

  • Use React.useEffect() with an empty array as the second argument to execute the provided callback only once when the component is mounted.

代码实现

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

使用样例

const Mounter = () => {
  useComponentDidMount(() => console.log('Component did mount'));

  return <div>Check the console!</div>;
}

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