如何知道react对象的值_基于react怎么获取兄弟元素的对象或它的值?
謝邀。
題主剛學(xué)前端的吧,剛用上用react,應(yīng)該是了解了下DOM然后用起react有這樣的疑問。不過沒事,慢慢來(lái)。
怎么說呢,兩個(gè)input框在彼此的事件綁定里獲取對(duì)方的值,在react里是很容易做到的,不需要通過獲取兄弟節(jié)點(diǎn)的value值來(lái)做。
v16.8之前
可以在Class Component里定義兩個(gè)state:inputValue1、inputValue2
在事件綁定的時(shí)候,通過setState把e.target.value值賦給預(yù)先定義好的state,兩個(gè)state即作為兩個(gè)input的value
在彼此的事件綁定里,借由this.state.inputValue就可以獲取彼此的value值
v16.8之后
使用hooks進(jìn)行內(nèi)部狀態(tài)管理,這樣和上方的形式類似,只不過,state就不用通過this獲取上下文,而是在組件內(nèi)上下文就可以取到,而寫在組件里的方法,很容易通過上下文取到這兩個(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”。不同就是,以前是寫好HTML結(jié)構(gòu)后用js、jQuery去操作DOM以達(dá)到目標(biāo)效果;現(xiàn)在,在DOM生成之前,你可以去添加事件綁定、值綁定等,而這樣的好處就是走上下文就可以獲取到各種綁定值,而不用通過DOM獲取元素value的形式
總結(jié)
以上是生活随笔為你收集整理的如何知道react对象的值_基于react怎么获取兄弟元素的对象或它的值?的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 机器人焊枪动作与编程实验_机器人编程实验
- 下一篇: 打开vsd_低温修正下的CDFA与VSD