如何在React Native中显示从异步存储接收的数据？

import React, { useEffect, useState } from 'react';
import { View, Text } from 'react-native';
import AsyncStorage from '@react-native-async-storage/async-storage';

const DataDisplayComponent = () => {
  const [data, setData] = useState('');

  useEffect(() => {
    const fetchData = async () => {
      try {
        const value = await AsyncStorage.getItem('@storage_Key');
        if (value !== null) {
          setData(value);
        }
      } catch (e) {
        console.error('Failed to fetch the data from storage', e);
      }
    };

    fetchData();
  }, []);

  return (
    <View>
      <Text>{data}</Text>
    </View>
  );
};

export default DataDisplayComponent;