美文网首页
react多个input框取值技巧

react多个input框取值技巧

作者: Victor_818 | 来源:发表于2019-05-29 11:42 被阅读0次

直接上代码

constructor(props){
   super(props);
   this.state = {
       username: '',
       password: ''
   }
   this.onInputChange = this.onInputChange.bind(this);
}

render(){
   let { username, password } = this.state;
   return (
         <Fragment>
             <input type="text" name="username" value={username} onChange = { this.onInputChange } />
             <input type="text" name="username" value={password} onChange = { this.onInputChange } />
         </Fragment>
   )
}

onInputChange (e){
   let InputName = e.target.name;
   let InputValue = e.target.value;
   this.setState({
       [ InputName ]: InputValue ,
   })
}

相关文章

网友评论

      本文标题:react多个input框取值技巧

      本文链接:https://www.haomeiwen.com/subject/nvvetctx.html