一起來學React Refs學習(一)

2021-09-25 08:43:45 字數 800 閱讀 7087

在dom中我們獲取乙個節點元素只需要getelementbyid即可,那麼在react中該怎麼做呢

定義refs提供了一種訪問dom節點或在render方法中建立的react元素的方法。

這是官方的解釋,那麼這段話到底什麼意思呢?意思是說通過refs可以訪問dom節點或者建立react元素(注意是react元素,並不是dom)

如何使用

直接來乙個**示例

class fakin extends react.component

handleclick()

render()

}是不是感覺和html中的id很像啊,其實個人認為在某種的程度上refs就是react中的id。

函式式元件中的refs

上面講的是類元件中的refs。函式式元件中的refs與之有不同的地方,這裡必須指出

不能在函式式元件上使用 ref 屬性

只能在函式式元件內部使用ref

function fakin()

class parent extends react.component

render()

}函式式元件上無法使用 ref 屬性

function fakin(props)

return (

} />

);  

}函式式元件內部使用refs,refs必須指向乙個 dom 元素或者 class 元件

什麼時候使用

根據個人經驗,在react中refs一般用於dom操作,雖然資料驅動的框架不建議我們直接操作dom,但是有時候無法避免必須得操作dom,比如動畫等。

一起來學SQL(二)

insert into 語句用於向 中插入新的行。語法 insert into 表名稱 values 值1,值2,也可以指定所要插入資料的列 insert into table name 列1,列2,values 值1,值2,e.g.1 插入新的行 insert into persons value...

一起來學SQL(三)

create database 用於建立資料庫。sql create database 語法 create database database name create table 語句用於建立資料庫中的表。sql create table 語法 create table 表名稱 列名稱1 資料型別,...

一起來學ES Bulk剖析

restcontrollor接收請求,dispatch到對應的handler上 baseresthandler呼叫restbulkaction進行前置處理,請求轉為bulkrequest nodeclient根據actionmodule註冊的對映關係,找到transportbulkaction作為t...