javascript - 後でアクセスできるように、状態を使用して React にデータを保存しようとすると問題が発生する

Question

検索 (フォーム) を介して行われた API から特定のデータを取得し、それを保存し、フィルターなどを使用して操作する React アプリを作成しています。これまでのところ、データをプルして表示しましたが、まったく新しいデータをプルしなくてもアクセスできるように、状態を使用してデータを保存する方法がわかりません。

これまでのところ、関数内のローカルにリストに保存される API データを返そうとしましたが、それを操作するためのアクセスはありません。名前と年齢を状態に保存してからアクセスする「リスト」が必要だと思いますが、その方法がわかりません。どんな助けでも大歓迎です。

function dataPull(param) {

    const list = [
        { name: '', age: ''}
    ]

    const URLbase = "https://APIexample.com";
    const query = URLbase + param;
    const URL = URLbase + param;

    fetch(URL)
       .then(fnc(res) {
           let text = document.getElementById('textSpot');
           res.map(res => (
              <list key={res.name} age={res.age} />
           ));
           text.innerHTML = res;
}