为什么React警告我不要将组件方法绑定到对象？

Question

我有这个组件。我想将调用处理程序传递给我创建的每个listElement。如果我像下面这样做，使用bind（this），它可以正常工作。问题是，我从控制台中的React中得到此警告：bind（）：您正在将组件方法绑定到组件。React以高性能方式自动为您执行此操作，因此您可以安全地删除此呼叫

var MyList = React.createClass({
  render: function () {
    var listElements = this.props.myListValues.map(function (val) {
      return (
        <ListElement onCallHandler={this.props.parentsCallHandler} val={val} />
        );
    }.bind(this));
    return (
      <ul>
          {listElements}
      </ul>
      );
  }
});

如果我不绑定它，我的孩子就不知道调用处理程序。我能做些什么不同的事？

附言：

我知道破坏任务，就像http://facebook.github.io/react/docs/transferring-props.html#transferring-with-...-in-jsx解释的那样，但我不想使用和谐。




Answer 1

这里是更新文档的例子

React.createClass({
  onClick: function(event) {/* do something with this */},
  render: function() {
    return <button onClick={this.onClick} />;
  }
});

在JS文档中更新

Answer 2

错误来自代码中的其他地方。执行此操作时会出现错误。某种功能。绑定（某物）而某物不是null。

this.someFunction.bind({}, foo);    // warning
this.someFunction.bind(this, foo);  // warning, you're doing this
this.someFunction.bind(null, foo);  // okay!

搜索。在代码中绑定（此）以查找有问题的行。