第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用 React 在單獨的 div 中動態(tài)顯示文本區(qū)域的值?

如何使用 React 在單獨的 div 中動態(tài)顯示文本區(qū)域的值?

守候你守候我 2023-12-14 14:51:21
我正在使用 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)問題的鏈接)
查看完整描述

1 回答

?
幕布斯6054654

TA貢獻1876條經(jīng)驗 獲得超7個贊

首先,您有兩種類型的組件:ES6 類組件(可以通過 this.state 使用狀態(tài))和您的情況下的功能組件。功能組件不能使用React狀態(tài),但React中引入了一個新功能,稱為react hooks(useState hook)。在您的情況下,您需要在應用程序組件中使用狀態(tài)變量,然后通過 props 將此狀態(tài)傳遞給您的組件。您需要在handleText更改函數(shù)中設置組件的狀態(tài),并將其作為道具傳遞給預覽組件。



查看完整回答
反對 回復 2023-12-14
  • 1 回答
  • 0 關(guān)注
  • 234 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號