Dlaczego React ostrzega mnie przed wiązaniem metody składowej do obiektu?

Question

Mam ten element tutaj. Chcę przekazać obsługę wywołań do każdej listy, którą utworzę. Jeśli zrobię to jak poniżej, z bind(this), to działa poprawnie. Problemem jest to, że mogę to ostrzeżenie od React w konsoli: bind(): You are binding a component method to the component. React does this for you automatically in a high-performance way, so you can safely remove this call.

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> 
    ); 
    } 
}); 

Gdybym nie wiążą go, moje dzieci nie wiedzą na temat obsługi połączeń. Co mogłem zrobić inaczej?

PS:

wiem o zadaniach rozpad, jak wyjaśniono http://facebook.github.io/react/docs/transferring-props.html#transferring-with-...-in-jsx, ale nie chcę używać harmonii.

Answer 1

Błąd pochodzi z innego miejsca kodu. Otrzymujesz błąd, gdy wykonujesz this.someFunction.bind(something), a coś nie jest null.

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

Nie szukaj .bind(this w kodzie, aby znaleźć linię przestępstwa.

Answer 2

Tutaj są aktualizowane docs przykład

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

Update in ReactJS Docs