đèo lập luận để reactjs nhấp handler

Question

Tôi có một câu hỏi về truyền đối số cho Phản ứng nhấp xử lý. Tôi có đoạn code sau, nhưng vì một lý do đối số nút không được truyền cho hàm chuyển đổi. Phải không? Nó được định nghĩa theo cách này bởi vì nó là một thành phần đệ quy.

var Element = React.createClass({ 

    toggle: function(e,node){ 

    }, 

    render: function(){ 

     var nodes = this.props.children.map(function(n){ 

       return <Element node={n} text={n.text} children={n.children} /> 

     }); 

     return (
       <span onClick={this.toggle.bind(this,this.props.node)}>{this.props.text}</span> 

     ); 
    } 

}); 

Answer 1

Function.prototype.bind đối số liên kết bắt đầu từ bên trái. Các cách chính xác để nhận đối số nút là để tìm kiếm nó ở vị trí rất trái của danh sách đối số:

toggle: function(node, event) { 
    console.log('node', node); 
    console.log('event', event); 
} 

Xem http://jsfiddle.net/8xxfgce7/ cho một ví dụ.

Answer 2

Trong khi câu trả lời trên là chính xác. Dưới đây là một ví dụ khác làm thế nào để vượt qua cả kiện và tham số để onClick chức năng.

sự kiện bắn của bạn yếu tố ví dụ một nút:

<button onClick={this.editTask.bind(this, item._id)}> 
    Edit item 
</button> 

Event hàm điều khiển:

editItem(id, event) { 
    event.preventDefault() // Prevents default form submission 
    console.log('id: ', id) // Prints the item id 
    . 
    . 
    . 
}