reactjs - React Native AsyncStorage を使用して JS オブジェクトを配列に保存し、フラットリストに表示する方法

Question

こんにちは React Native Developers!

反応ネイティブの AsyncStorage を使用して辞書アプリにブックマーク機能を実装しようとしていますが、問題があります。どうすればいいのかわからない。

配列は次のようになります。

const [Words, setWords] = useState([
    {name: 'Ab initio', meaning: 'From the beginning.', id: '1' },

    {name: 'A.R.S', meaning: 'Arizona Revised Statutes, Books containing the laws that the Arizona Legislature has enacted.', id: '2' }, 
    
    {name: 'Abandon. ', meaning: 'To intentionally give up a right or property without any plan of reclaiming it in the future; to desert a spouse or child.', id: '3' }, 
    
    {name: 'Abandonment', meaning: 'Giving up a legal right.', id: '4' }, 
    
    {name: 'Abatable nuisance.', meaning: 'A nuisance that can be reduced.', id: '5' },
]);

以下は、リストを表示する反応ネイティブ フラットリストです。

<FlatList
    initialNumToRender={70}
          data={filteredDataSource} 
          numColumns={1}
          keyExtractor={(item) => item.id} 
          renderItem={({ item }) => (
       
            <List >

<ListItem onPress={() => navigation.navigate('Dicpage', item)}>
  <Left>
    <Text numberOfLines={1}  style={{
  fontSize: 18, fontFamily: "Lato-Regular", textTransform: 'capitalize',
  }}>{item.name}</Text>
  </Left>
  
</ListItem>

</List>

       )}

/>

各アイテムがクリックされると、すべてのアイテムが asycstorage を使用して保存されるようになりました。また、ブックマークしたアイテムの一覧を別のページに表示したいと考えています。

サンプルコードだけで私を助けてください。私はそれで大丈夫です...