码迷,mamicode.com
首页 > 其他好文 > 详细

react 获取 input 的值

时间:2018-06-22 23:50:37      阅读:371      评论:0      收藏:0      [点我收藏+]

标签:java   rip   hang   异步   efs   最新版   pre   stat   通过   

1.通过 onChange -- e.target.value

class App extends Component {
  state = {
    username: ‘张三‘
  };
  // 用户名
  getUserName(e){
    console.log(e.target.value);
    this.setState({
      username: e.target.value
    });
    console.log(this.state.username); // setState为异步,存在延迟
  }

  render() {
    return (
      <div>
        <input type="text" onChange={this.getUserName.bind(this)} />
      </div>
    );
  }
}

2.通过 ref -- this.refs.name

<input type="text" ref="username" />

console.log(this.refs.username.value);

注:最新版本已抛弃此用法?

react 获取 input 的值

标签:java   rip   hang   异步   efs   最新版   pre   stat   通过   

原文地址:https://www.cnblogs.com/crazycode2/p/9202145.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!