使用React的新效果挂钩，我可以告诉React，如果在重新渲染之间某些值没有更改，则可以跳过应用效果——React文档中的示例:
useEffect(() => {
document.title = `You clicked ${count} times`;
}, [count]); // Only re-run the effect if count changes
但上面的示例在初始渲染和后续重新渲染时应用效果，其中count已更改.如何判断React是否跳过初始渲染的效果？
正如指南所说，
效果挂钩useEffect增加了从功能组件执行副作用的能力.它的用途与React类中的componentDidMount、componentDidUpdate和componentWillUnmount相同，但统一为一个API.
在本指南中的示例中，预期count仅在初始渲染时为0:
const [count, setCount] = useState(0);
因此，它将作为componentDidUpdate加上额外的判断:
useEffect(() => {
if (count)
document.title = `You clicked ${count} times`;
}, [count]);
这就是可以代替useEffect的定制钩子的基本工作原理:
function useDidUpdateEffect(fn, inputs) {
const didMountRef = useRef(false);
useEffect(() => {
if (didMountRef.current) {
return fn();
}
didMountRef.current = true;
}, inputs);
}
由于@Tholle建议useRef而不是setState，因此获得了奖励.