巧用useRef钩子实现忽略组件挂载时方法执行

const { activityInfo, visible } = props.store;
  const firstUpdate = useRef(true);
  useEffect(() => {
    if (firstUpdate.current) {
      firstUpdate.current = false;
      return;
    }
    previewHead('#defaultMobile');
  }, [
    visible,
    activityInfo,
  ]);

工作的时候突然需要实现这样一个需求：根据表单中值的变化对页面中的某一个部分进行实时预览，但是组件初次挂载时不执行预览。遂马上找到了这个方法，用一个ref在初次渲染时将其置为false从而忽略接下来真正方法的执行。不知道官方还有没有更好的方法，先记录之。