如何在react native中返回到上一页时保存状态？

import React, { useEffect } from 'react';
import { View, Text, AsyncStorage } from 'react-native';
import { useFocusEffect } from '@react-navigation/native';

const MyComponent = () => {
  const saveState = async () => {
    try {
      await AsyncStorage.setItem('stateKey', JSON.stringify(state));
    } catch (error) {
      console.log('Error saving state:', error);
    }
  };

  const loadState = async () => {
    try {
      const savedState = await AsyncStorage.getItem('stateKey');
      if (savedState !== null) {
        setState(JSON.parse(savedState));
      }
    } catch (error) {
      console.log('Error loading state:', error);
    }
  };

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

  useFocusEffect(
    React.useCallback(() => {
      return () => {
        saveState();
      };
    }, [])
  );

  return (
    <View>
      <Text>My Component</Text>
      {/* 组件内容 */}
    </View>
  );
};

export default MyComponent;