javascript - 在 React 中获取 Click 的输入值

Question

我试图获取输入 onClick(而不是 onChange)的值，但我真的很困惑。 (该函数应接受用户输入并将其乘以 5)

var Multiply = React.createClass({
  getInitialState: function(){
    return {number: '-'}

  },
  multiply: function(a){
    return (a * 5);
  },
 handleChange: function(e) {
    this.setState({ number: e.target.value });
  },
  handleClick: function(e) {

    this.multiply(this.state.number);
  },

  render: function () {
    return (
      <div>
        <p>multiply by 5!</p><br />
      <textarea onChange={this.handleChange}>
      </textarea><br/>
        <button  onClick={this.handleClick}>Submit</button>
        <p>result:</p> {this.state.result}

      </div>
    );
  }
});
ReactDOM.render(
    <Multiply/>,
    document.getElementById('root')
);

这里是代码链接: http://codepen.io/polinaz/pen/MmezZy?editors=0010

我的逻辑有什么问题吗？非常感谢一个好的解释! 谢谢您

Answer 1

当您单击该按钮时，它会将数字乘以 5，但您不会对乘后的数字(结果)执行任何操作。在你的handleClick函数中你需要这样的东西:

handleClick: function(e) {
    this.setState({result: this.multiply(this.state.number)});
}