React學(xué)習(xí)筆記8---refs與事件處理

refs與事件處理

理解

  • 組件內(nèi)的標(biāo)簽可以定義ref屬性來識(shí)別自己

編碼

  • 字符串形式的ref
<input ref="input1"/>
  • 回調(diào)形式的ref
<input ref={c=>{this.input1=c}}/>
  • createRef創(chuàng)建ref容器
myRef = React.createRef();
<input ref={this.myRef}/>

事件處理

  • 通過onXxx指定事件處理函數(shù)(注意大小寫)
    • React使用的是自定義合成事件,而不是使用的原生dom事件
    • React的事件通過事件委托的方式處理(委托給組件最外層的元素)
  • 通過event.target得到發(fā)生事件的dom元素對象

收集表單數(shù)據(jù)

  • 包含表單的組件分類
  • 受控組件
  • 非受控組件
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容