排除useEffect依赖以限制其仅执行一次是否可行？

结论：不建议这么做

React的useEffect依赖数组是核心设计的一部分，目的是让effect精准响应状态/ props的变化。跳过依赖虽然能暂时阻止effect重复执行，但会引发**闭包过时（stale closure）**问题——effect内部引用的状态、props会停留在旧值，导致逻辑不符合预期，这类bug往往难以排查。IDE的警告正是为了提醒你规避这种风险。

针对你的示例场景的优化方案 #

你想要的是仅在组件首次满足authStatus.isAuthenticated条件时执行一次逻辑，不用组件外部变量的繁琐方法，推荐以下两种更可靠的实现方式：

方案1：使用useRef标记执行状态（推荐） #

useRef的.current属性不会引发组件重渲染，且每个组件实例拥有独立的ref，不会像外部变量那样在多个实例间共享状态：

import { useRef, useEffect } from 'react';

// ...组件内部代码
const authStatus = useSelector((state: any) => state.auth);
const uiStatus = useSelector((state: any) => state.interface);
const [frontCameraEnabled, setFrontCameraEnabled] = useState<boolean>(false);

const initialChecksComplete = useRef(false);

useEffect(() => {
  if (authStatus.isAuthenticated && !initialChecksComplete.current) {
    initialChecksComplete.current = true;
    
    if (uiStatus.device.operatingSystem === 'ios') {
      setFrontCameraEnabled(true);
    }
    dispatch(cameraCheckPermissions());
  }
}, [dispatch, authStatus.isAuthenticated, uiStatus.device.operatingSystem]);

方案2：空依赖数组实现挂载时执行（适用于auth状态在挂载时已就绪的场景） #

如果你的authStatus.isAuthenticated在组件挂载时就已经是最终状态（比如同步获取的本地存储值），可以直接用空依赖数组让effect仅在组件挂载时执行一次：

useEffect(() => {
  if (authStatus.isAuthenticated) {
    if (uiStatus.device.operatingSystem === 'ios') {
      setFrontCameraEnabled(true);
    }
    dispatch(cameraCheckPermissions());
  }
}, []);

注意：如果auth状态是异步获取的（比如从后端请求），挂载时可能还未更新为true，这种情况就需要结合方案1的useRef来监听auth变化并控制执行次数。

补充说明 #

React并非没有“仅挂载一次”的钩子——空依赖数组的useEffect就是对应类组件的componentDidMount。之所以你觉得难以控制，是因为复杂场景下需要结合useRef、useCallback等工具来精准控制执行时机，这和Angular的生命周期钩子本质等价，只是实现方式不同。

避免依赖数组的“偷懒”做法会给后续维护埋下大坑，正确利用React提供的钩子工具，才能在大型应用中保持状态逻辑的可预测性。

内容的提问来源于stack exchange，提问作者DevMike