React 非常新，所以我可能會以錯誤的方式處理這個問題...我希望我的應用程序從文本輸入字段獲取輸入，從 reddit API 檢索 JSON（url 是根據文本輸入構建的），然后渲染來自 JSON 的數據，循環遍歷每個條目。我正在使用 useState 來觸發數據渲染。我可以成功檢索數據并輸出特定值，但我希望能夠有一個循環將數據動態輸出到各種 HTML 元素中。到目前為止，這是我所擁有的，可以讓我輸出一些特定值作為示例：import React, { useState } from 'react';const App = () => {  const [retrievedData, setRetrievedData] = useState([])    const runSearch = async() => {    const searchInput = document.getElementById('searchInput').value    const searchUrl = 'https://www.reddit.com/r/' + searchInput + '/new/.json?limit=5'    const response = await fetch(searchUrl)    const redditResponse = await response.json()    setRetrievedData(<>    <>{JSON.stringify(redditResponse.data.children[0].data.author)}</p>    <p>{JSON.stringify(redditResponse.data.children[0].data.title)}</p>    </>)  }  return (    <>      <section>        <input type="text" id='searchInput' placeholder='Enter a subreddit...'></input>        <button onClick={runSearch}>          Get Data        </button>        <div>{retrievedData}</div>      </section>    </>  );};export default App;下面是從 reddit API 檢索的 JSON 示例，僅使用我在上面的代碼中使用的示例值進行了精簡：{  "kind": "Listing",  "data": {    "modhash": "",    "dist": 5,    "children": [      {        "kind": "t3",        "data": {          "author": "author1",          "title": "title1"        }      },      {        "kind": "t3",        "data": {          "author": "author2",          "title": "title2"        }      },      {        "kind": "t3",        "data": {          "author": "author3",          "title": "title3"        }      },      {        "kind": "t3",        "data": {          "author": "author4",          "title": "title4"        }      },      {        "kind": "t3",        "data": {          "author": "author5",          "title": "title5"        }      }    ],    "after": "t3_jnu0ik",    "before": null  }}我見過各種不同的渲染 JSON 數據的方法，其中許多顯示循環和/或 .map() 方法，但我似乎無法讓這些方法工作，并想知道這是否是一個問題使用狀態。也許我應該以其他方式呈現數據？