प्रतिक्रिया के लिए मुझे घटक विधि को बाध्य करने के खिलाफ चेतावनी क्यों देता है?

Question

मेरे पास यह घटक है। मैं प्रत्येक सूची में कॉल कॉलर को पास करना चाहता हूं। यदि मैं इसे नीचे की तरह करता हूं, bind(this) के साथ, यह ठीक से काम करता है। 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> 
    ); 
    } 
}); 

मैं इसे बाँध नहीं है, तो अपने बच्चों को कॉल हैंडलर के बारे में पता नहीं है: समस्या यह है कि मैं इस चेतावनी कंसोल में प्रतिक्रिया से प्राप्त है। मैं अलग-अलग क्या कर सकता था?

पुनश्च:

मैं destructuring कार्य के बारे में पता है, की तरह समझाया http://facebook.github.io/react/docs/transferring-props.html#transferring-with-...-in-jsx, लेकिन मैं सद्भाव उपयोग करने के लिए नहीं करना चाहती।

Answer 1

त्रुटि कोड में कहीं और से आ रही है। जब आप this.someFunction.bind(something) करते हैं तो आपको त्रुटि मिलती है और कुछ null नहीं है।

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

अपने कोड में .bind(this के लिए एक खोज करें हमलावर लाइन खोजने के लिए।

Answer 2

यहाँ अद्यतन किया जाता है डॉक्स उदाहरण

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

Update in ReactJS Docs