Tại sao React cảnh báo tôi chống lại ràng buộc một phương pháp thành phần đối tượng?

Question

Tôi có thành phần này ở đây. Tôi muốn chuyển xuống một trình xử lý cuộc gọi cho mỗi listElement mà tôi tạo ra. Nếu tôi làm như sau, với bind(this), nó hoạt động bình thường. Vấn đề là tôi nhận được cảnh báo này từ React trong bảng điều khiển: 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> 
    ); 
    } 
}); 

Nếu tôi không ràng buộc, con tôi không biết về trình xử lý cuộc gọi. Tôi có thể làm gì khác đi?

PS:

tôi biết về bài tập destructuring, như giải thích http://facebook.github.io/react/docs/transferring-props.html#transferring-with-...-in-jsx, nhưng tôi không muốn sử dụng Harmony.

Answer 1

Lỗi đến từ một nơi khác trong mã. Bạn gặp lỗi khi bạn làm this.someFunction.bind(something) và một số nội dung không phải là null.

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

Thực hiện tìm kiếm .bind(this trong mã của bạn để tìm dòng vi phạm.

Answer 2

docs đây được cập nhật ví dụ

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

Update in ReactJS Docs