小编Raj*_*Vij的帖子

我正在学习ReactJS,我想了解如何使用简单的onclick事件在ReactJS中获取输入文本值.我已经按照那里的教程,虽然我能够获得文本输入的参数.但不知何故,我无法获得它的价值.我知道这是一个愚蠢的问题,但我正在努力解决这个问题.请检查我的代码,让我知道它有什么问题.

var MyComponent = React.createClass({
  handleClick: function() {
    if (this.refs.myInput !== null) {
        var input = this.refs.myInput;
            var inputValue = input.value;
      alert("Input is", inputValue);
    }
  },
  render: function() {
    return (
      <div>
        <input type="text" ref="myInput" />
        <input
          type="button"
          value="Alert the text input"
          onClick={this.handleClick}
        />
      </div>
    );
  }
});

ReactDOM.render(
  <MyComponent />,
  document.getElementById('container')
);

这里是相同的jsfiddle:jsfiddle链接