我正在使用 React (初學者)開發(fā) markdown 預覽器,并且嘗試在頁面上的單獨 div 中顯示文本區(qū)域的當前值。我不確定如何最好地使用 React 來處理 textarea 值。我的組件層次結(jié)構(gòu)如下:應用程序工具欄目的地部門工具欄文本區(qū)編輯預覽器目前,我的 App 組件中有一個函數(shù)可以處理對 textarea 的更改 - 它作為 props 傳遞給 Editor 組件,并進一步傳遞給 Textarea 組件,在 onChange 事件后調(diào)用它: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;此功能正在運行 - 我可以在鍵入時在控制臺中看到文本區(qū)域值的更新。問題如下:我應該如何將此值傳遞給目標 div?這是否需要涉及 State,以便每次 textarea 值發(fā)生變化時目標 div 都會重新渲染?在我的 App 組件中聲明 handleTextChange 函數(shù)是正確的開始方法嗎?有沒有更好的方法來達到這個結(jié)果?React(和 Stack Overflow)新手 - 感謝任何建議(或相關(guān)問題的鏈接)
如何使用 React 在單獨的 div 中動態(tài)顯示文本區(qū)域的值?
守候你守候我
2023-12-14 14:51:21