javascript – 如何在React中获取文本框的值？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何在React中获取文本框的值？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含795字，纯文字阅读大概需要2分钟。

内容图文

我刚开始使用React.js,我只是不确定是否有一种特殊的方法来获取文本框的值,在这样的组件中返回：

var LoginUsername = React.createClass({
  render: function () {
    return (
      <input type="text" autofocus="autofocus" onChange={this.handleChange} />
    )
  },
  handleChange: function (evt) {
    this.setState({ value: evt.target.value.substr(0, 100) });
  }
});

解决方法:

如documentation中所述,您需要使用受控输入.要进行输入控制,您需要在其上指定两个道具

> onChange – 每次输入更改时将组件状态设置为输入值的函数
> value – 组件状态的输入值(示例中为this.state.value)

例：

  getInitialState: function() {
    return {value: 'Hello!'};
  },
  handleChange: function(event) {
    this.setState({value: event.target.value});
  },
  render: function() {
    return (
      <input
        type="text"
        value={this.state.value}
        onChange={this.handleChange}
      />
    );
  }

更具体地说,textarea – here

内容总结

以上是互联网集市为您收集整理的javascript – 如何在React中获取文本框的值？全部内容，希望文章能够帮你解决javascript – 如何在React中获取文本框的值？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---