Comment obtenir la valeur de l'entrée en réaction

Comment obtenir la valeur d'entrée dans React : 1. Obtenez la valeur d'entrée via les informations sur l'objet d'événement, avec une syntaxe telle que "inputChange(e){...}" ; 2. Obtenez la valeur d'entrée en utilisant ref ; , la syntaxe est telle que "this.setState({...})".

L'environnement d'exploitation de ce tutoriel : système Windows7, version React17.0.1, ordinateur Thinkpad T480.

Recommandé : "Tutoriel de base de JavaScript"

react Obtenez la valeur de la zone de saisie d'entrée

La première méthode : à travers La manière d'utiliser les informations sur l'objet d'événement

La deuxième méthode : la manière d'utiliser ref

La manière d'utiliser les informations sur l'objet d'événement

<input onChange={(e)=>this.inputChange(e)}/>
<button onClick={()=>this.getInputValue} >获取input的值</button>
inputChange(e){
alert(e.target.value)
this.setState({
username:e.target.value
})
}
getInputValue(){
alert(this.state.username)
}

La manière d'utiliser ref

<input ref=&#39;username&#39; onChange={()=>this.inputChange()}/>
<button onClick={()=>this.getInputValue()} >获取input的值</button>
inputChange(){
//获取dom节点元素
//1.添加ref属性
//2.使用this.refs.username获取dom节点
let val=this.refs.username.value;
this.setState({
username:val
})
}
getInputValue(){
console.log(this.state.username)
}

Utilisez ref pour personnaliser un attribut et vous pouvez obtenir le contenu via this.refs.property name.value.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!