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

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

將 Input 的值傳遞給 handleMethod

將 Input 的值傳遞給 handleMethod

蕪湖不蕪 2021-12-23 15:44:06
任務(wù)是將輸入的每個字符傳遞給handleExchange方法。在此方法中,將發(fā)生對輸入值的處理。如何將輸入標簽傳遞給handleExchange方法的參數(shù)?function App() {    function handleExchange(value) {      console.log(value)    }    return (      <input className = "input-r" placeholder = "Type here" />    )}ReactDOM.render(<App /> , document.getElementById('root'));<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script><div id="root"></div>我試圖這樣做:function App() {  function handleExchange(value) {    console.log(value);  }    return (    <div>      <input className="input-r" placeholder="Type here" onKeyPress={handleExchange(this.value)} />       {/*or*/}      {/* onKeyPress={handleExchange(event) */}    </div>  )}ReactDOM.render(<App />, document.getElementById("root"))<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script><div id="root"></div>
查看完整描述

2 回答

?
慕的地6264312

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

您必須使用onChangeevent 并從event.target.

你有例子:

function App() {

  function handleExchange(e) {

    console.log(e.target.value);

  }

  

  return (

    <div>

      <input className="input-r" placeholder="Type here" onChange={handleExchange} /> 

      {/*or*/}

      {/* onKeyPress={handleExchange(event) */}

    </div>

  )


}


ReactDOM.render(<App />, document.getElementById("root"))

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>


<div id="root"></div>


查看完整回答
反對 回復(fù) 2021-12-23
?
幕布斯7119047

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

onChange向input元素添加處理程序。注意:處理程序傳遞 ,event因此您需要從事件目標中獲取值。在這里,我使用了destructuring。


function App() {


    function handleExchange(e) {

      const { target: { value } } = e;

      console.log(value)

    }


    return (

      <input

        className="input-r"

        placeholder="Type here"

        onChange={handleExchange}

      />

    );


}


ReactDOM.render(<App /> , document.getElementById('root'));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

<div id="root"></div>


查看完整回答
反對 回復(fù) 2021-12-23
  • 2 回答
  • 0 關(guān)注
  • 196 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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