从React本机中的AsyncStorage获取值后呈现组件

import AsyncStorage from '@react-native-async-storage/async-storage';

const getValueFromStorage = async () => {
  try {
    const value = await AsyncStorage.getItem('key');
    // 对获取到的值进行处理
    // ...
  } catch (error) {
    // 处理错误
    // ...
  }
}

const MyComponent = ({ value }) => {
  return (
    <View>
      <Text>{value}</Text>
      {/* 其他组件内容 */}
    </View>
  );
}

const App = () => {
  const [value, setValue] = useState('');

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

  const getValueFromStorage = async () => {
    try {
      const value = await AsyncStorage.getItem('key');
      setValue(value);
    } catch (error) {
      // 处理错误
      // ...
    }
  }

  return (
    <View>
      <MyComponent value={value} />
      {/* 其他组件内容 */}
    </View>
  );
}