javascript - 将变量绑定(bind)到函数上，将其更改为对象

Question

我已经开始学习 React 并开发一个简单的应用程序。我陷入了需要将状态存储变量从渲染传递给函数的位置。当我尝试将其绑定(bind)到函数时，该变量被更改为一个我无法访问的对象。

有什么办法可以解决这个问题吗？

我的代码如下:

handleQuantityChange: function(e) {
  this.setState({ value: parseInt(e.target.value) });
},

handleBuy: function(bidPrice){
  console.log(bidPrice);
},

render: function(){
  this.state.bidPrice = 24;
  return <form>
            <input type="text" placeholder="Quantity" onChange={this.handleQuantityChange}/>
            <li>{this.state.bidPrice}</li>
            <input type="button" value="Buy" onClick={this.handleBuy.bind(this.state.bidPrice)}/>
         </form>

我的原始代码变得非常复杂，所以我没有将其发布在这里。但作为引用，请查看此 jsfiddle

该代码无法在 fiddle 中工作，因为这还有许多其他问题并且缺乏我需要处理的错误处理，但它应该在本地服务器上工作。我应该以不同的方式处理这个问题吗？我可以使用比 onChange 更好的事件吗？

Answer 1

添加getInitialState fn 初始化值

 getInitialState: function() {
    return { bidPrice: 24 };
 },

并使用

onClick={this.handleBuy.bind(this, this.state.bidPrice)}