ref的三種使用方式

ref使用的三種方式之方式一： out (已廢棄)

1）第1步：<input ref="item" type="text" /> ref后面跟一個(gè)字符串

2）第2步：this.refs.item.value?獲取輸入框中的數(shù)據(jù)

ref使用的三種方式之方式二：

ref后面跟上一個(gè)回調(diào)函數(shù)，回調(diào)函數(shù)的參數(shù)就是當(dāng)前的DOM元素

<input ref={(input)=>{

??this.xxx = input; // 當(dāng)前的DOM元素掛載到當(dāng)前組件對(duì)象的xxx屬性上面的

}} type="text" />

獲取DOM元素：this.input.value

ref使用的三種方式之方式三：

1）this.ref1 = React.createRef(); // ref1是一個(gè)私有屬性

2）<input ref={this.ref1} type="text" />

3）this.ref1.current.value?獲取DOM元素中的內(nèi)容