日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

如何知道react对象的值_基于react怎么获取兄弟元素的对象或它的值?

發(fā)布時(shí)間:2025/4/5 编程问答 46 豆豆
生活随笔 收集整理的這篇文章主要介紹了 如何知道react对象的值_基于react怎么获取兄弟元素的对象或它的值? 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

謝邀。

題主剛學(xué)前端的吧,剛用上用react,應(yīng)該是了解了下DOM然后用起react有這樣的疑問(wèn)。不過(guò)沒(méi)事,慢慢來(lái)。

怎么說(shuō)呢,兩個(gè)input框在彼此的事件綁定里獲取對(duì)方的值,在react里是很容易做到的,不需要通過(guò)獲取兄弟節(jié)點(diǎn)的value值來(lái)做。

v16.8之前

可以在Class Component里定義兩個(gè)state:inputValue1、inputValue2

在事件綁定的時(shí)候,通過(guò)setState把e.target.value值賦給預(yù)先定義好的state,兩個(gè)state即作為兩個(gè)input的value

在彼此的事件綁定里,借由this.state.inputValue就可以獲取彼此的value值

v16.8之后

使用hooks進(jìn)行內(nèi)部狀態(tài)管理,這樣和上方的形式類似,只不過(guò),state就不用通過(guò)this獲取上下文,而是在組件內(nèi)上下文就可以取到,而寫(xiě)在組件里的方法,很容易通過(guò)上下文取到這兩個(gè)value。

走DOM形式獲取,也可以使用useRef就可以獲取兩個(gè)input的當(dāng)前實(shí)例也很好拿到它的value

總的來(lái)講,使用React后,和DOM操作的思路會(huì)不一樣,因?yàn)镽eact組件內(nèi)“DOM”就是自己組裝的,而這里的“DOM”,React會(huì)稱之為“Virtual DOM”。不同就是,以前是寫(xiě)好HTML結(jié)構(gòu)后用js、jQuery去操作DOM以達(dá)到目標(biāo)效果;現(xiàn)在,在DOM生成之前,你可以去添加事件綁定、值綁定等,而這樣的好處就是走上下文就可以獲取到各種綁定值,而不用通過(guò)DOM獲取元素value的形式

總結(jié)

以上是生活随笔為你收集整理的如何知道react对象的值_基于react怎么获取兄弟元素的对象或它的值?的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。