霞露小伙 — HfWang

On this page

useMount

只在组件初始化时执行的 Hook。

useMount 文档

就是简单的利用 useEffect 第二个参数为空数组时，只会在组件挂载时执行 effect 函数的特性 ,相当于 componentWillMount

武功秘籍

ts

import { useEffect } from 'react';
import { isFunction } from '../utils';
import isDev from '../utils/isDev';

const useMount = (
  fn: () => void
) => {
	if (isDev) {
		if (!isFunction(fn)) {
			console.error(
				`useMount: parameter \`fn\`
        expected to be a function, but got "${typeof fn}".`
			);
		}
	}

	useEffect(() => {
		fn?.();
	}, []);
};

export default useMount;

使用

jsx

const Demo = () => {
	useMount(() => {
		console.log('我在组件挂载的时候执行了');
	});
	return <div>...</div>;
};