日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

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

發布時間:2025/4/5 57 豆豆
生活随笔 收集整理的這篇文章主要介紹了 如何知道react对象的值_基于react怎么获取兄弟元素的对象或它的值? 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

謝邀。

題主剛學前端的吧,剛用上用react,應該是了解了下DOM然后用起react有這樣的疑問。不過沒事,慢慢來。

怎么說呢,兩個input框在彼此的事件綁定里獲取對方的值,在react里是很容易做到的,不需要通過獲取兄弟節點的value值來做。

v16.8之前

可以在Class Component里定義兩個state:inputValue1、inputValue2

在事件綁定的時候,通過setState把e.target.value值賦給預先定義好的state,兩個state即作為兩個input的value

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

v16.8之后

使用hooks進行內部狀態管理,這樣和上方的形式類似,只不過,state就不用通過this獲取上下文,而是在組件內上下文就可以取到,而寫在組件里的方法,很容易通過上下文取到這兩個value。

走DOM形式獲取,也可以使用useRef就可以獲取兩個input的當前實例也很好拿到它的value

總的來講,使用React后,和DOM操作的思路會不一樣,因為React組件內“DOM”就是自己組裝的,而這里的“DOM”,React會稱之為“Virtual DOM”。不同就是,以前是寫好HTML結構后用js、jQuery去操作DOM以達到目標效果;現在,在DOM生成之前,你可以去添加事件綁定、值綁定等,而這樣的好處就是走上下文就可以獲取到各種綁定值,而不用通過DOM獲取元素value的形式

總結

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

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。