我正在使用 React （初學者）開發 markdown 預覽器，并且嘗試在頁面上的單獨 div 中顯示文本區域的當前值。我不確定如何最好地使用 React 來處理 textarea 值。我的組件層次結構如下：應用程序工具欄目的地部門工具欄文本區編輯預覽器目前，我的 App 組件中有一個函數可以處理對 textarea 的更改 - 它作為 props 傳遞給 Editor 組件，并進一步傳遞給 Textarea 組件，在 onChange 事件后調用它：function App() {  const handleTextChange = () => {    const textarea = document.getElementById("textarea");    let text;    if (textarea === null) {      text = "";    } else {      text = textarea.value;    }    console.log(text);    return text;  };  return (    <div className="App">      <Header />      <div className="App-body">        <Editor handleTextChange={handleTextChange} />        <Preview />      </div>    </div>  );}export default App;此功能正在運行 - 我可以在鍵入時在控制臺中看到文本區域值的更新。問題如下：我應該如何將此值傳遞給目標 div？這是否需要涉及 State，以便每次 textarea 值發生變化時目標 div 都會重新渲染？在我的 App 組件中聲明 handleTextChange 函數是正確的開始方法嗎？有沒有更好的方法來達到這個結果？React（和 Stack Overflow）新手 - 感謝任何建議（或相關問題的鏈接）