react中ref的使用方法
這篇文章主要介紹了react中ref的使用方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
成都創(chuàng)新互聯(lián)公司是一家專注于網(wǎng)站設(shè)計制作、成都網(wǎng)站設(shè)計與策劃設(shè)計,澤庫網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)10多年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:澤庫等地區(qū)。澤庫做網(wǎng)站價格咨詢:18980820575
react中ref的使用方法：1、通過回調(diào)函數(shù)形式進(jìn)行使用，代碼如“export default class UserAdd extends Component{...}”；2、通過string形式進(jìn)行使用，代碼如“export...”。
react中ref的兩種使用方法
ref一共有兩種使用方式
回調(diào)函數(shù)形式（官方推薦）
string形式
第一種 回調(diào)函數(shù)形式
回調(diào)函數(shù)形式一共有三種觸發(fā)方式
組件渲染后
組件卸載后
ref改變后
import React,{Component} from 'react'
export default class UserAdd extends Component{
constructor(){
super();
}
handleSubmit=()=>{
let name=this.name.value;
console.log(name);
}
render(){
return(
姓名
this.name=ref}/>
第二種 字符串的形式 使用時用this.refs.string
import React,{Component} from 'react'
export default class UserAdd extends Component{
constructor(){
super();
}
handleSubmit=()=>{
let name=this.refs.name.value;
console.log(name);
}
render(){
return(
姓名