根据 state 变量运行 useEffect 挂钩的正确方法是什么？

Question

我正在写一个相机应用程序。 因此，当用户进入相机页面时，他们可以选择是否授予相机权限。 我将他们的决定保存在变量const [hasPermission, setHasPermission] = useState(null); 我目前使用效果function：

useEffect(() => {
    (async () => {
      const { status } = await Camera.requestPermissionsAsync();
      const audioPermissions = await Audio.requestPermissionsAsync();
      if (
        cameraPermissions.status === "granted" &&
        audioPermissions.status === "granted"
      ) {
        setHasPermission(true);
      }
    })();
  }, []);

当用户第一次运行应用程序时，这目前可以正常工作 - 他们授予权限，就是这样 - 我可以使用相机！

但是.....如果他们不授予许可怎么办。 他们决定不使用相机，他们拒绝访问，后来他们改变了主意。例如 5 分钟后，他们再次打开“相机”页面并想要授予权限。 这是我的问题。 在当前情况下useEffect ，即使用相机的请求将只显示一次，当您最初加载页面时。 如果用户尚未授予权限，我如何强制它再次弹出？

我尝试了以下方法：

useEffect(() => {
    (async () => {
      const { status } = await Camera.requestPermissionsAsync();
      const audioPermissions = await Audio.requestPermissionsAsync();
      if (
        cameraPermissions.status === "granted" &&
        audioPermissions.status === "granted"
      ) {
        setHasPermission(true);
      }
    })();
  }, [hasPermission === null]);

但它没有用。 有什么建议么？

Answer 1

您只需要传递重要的变量。 无需检查其他任何内容。

  }, [hasPermission]);