Reactjs 无法访问 usefocusEffect 中 const 的更新状态

import React, { useState, useEffect, useCallback, useRef } from 'react';
import { SafeAreaView, AsyncStorage } from 'react-native';
import { useFocusEffect } from '@react-navigation/native';
import Toggle from './Toggle'; // assuming you have a Toggle component

const rememberMe = ({ navigation }) => {
  const [remember, setRemember] = useState();
  const rememberRef = useRef();

  useEffect(() => {
    getUserEmailAndPassword();
  }, []);

  useEffect(() => {
    rememberRef.current = remember;
  }, [remember]);

  useEffect(() => {
    if (rememberRef.current === true) {
      forgetUser();
    } else {
      try {
        const loginSaved = AsyncStorage.getItem("userLoginDetails");
        const currentUser = JSON.parse(loginSaved);
        if (
          currentUser?.userEmail !== null &&
          currentUser?.userPassword != null
        ) {
          rememberUser(
            currentUser?.userEmail,
            currentUser?.userPassword,
            (state = true)
          );
        }
      } catch (error) {}
    }
  }, []);

  const getUserEmailAndPassword = async () => {
    try {
      const loginSaved = await AsyncStorage.getItem("userLoginDetails");
      const currentUser = JSON.parse(loginSaved);
      if (currentUser?.state == true) {
        setRemember(true);
      } else {
        setRemember(false);
      }
    } catch (error) {}
  };

  useFocusEffect(
    useCallback(() => {
      return () => {
        if (rememberRef.current === true) {
          forgetUser();
        } else {
          try {
            const loginSaved = AsyncStorage.getItem("userLoginDetails");
            const currentUser = JSON.parse(loginSaved);
            if (
              currentUser?.userEmail !== null &&
              currentUser?.userPassword != null
            ) {
              rememberUser(
                currentUser?.userEmail,
                currentUser?.userPassword,
                (state = true)
              );
            }
          } catch (error) {}
        }
      };
    }, [])
  );

  const rememberUser = async (email, password, state) => {
    const userLoginDetails = {
      userEmail: email,
      userPassword: password,
      state: state,
    };
    try {
      await AsyncStorage.setItem(
        "userLoginDetails",
        JSON.stringify(userLoginDetails)
      );
    } catch (error) {
      // Error saving data
    }
  };

  const checkToRemember = (value) => {
    if (value == true) {
      setRemember(false);
    } else {
      setRemember(true);
    }
  };

  const forgetUser = async () => {
    try {
      await AsyncStorage.removeItem("userLoginDetails");
    } catch (error) {
      // Error removing
    }
  };

  return (
    <SafeAreaView
      style={styles.securityContainer}
      edges={["right", "top", "left"]}
    >
      <Toggle
        isOn={remember}
        onToggle={() => {
          setRemember(!remember);
          checkToRemember(remember);
        }}
      />
    </SafeAreaView>
  );
};

export default rememberMe;