React.js得到檢查輸入

Question

我很安靜，新的React，我無法弄清楚如何操作DOM。
我有一組複選框，我有一個刪除按鈕，我想刪除點擊刪除按鈕時選中的元素。
這裏的代碼片段，我使用：

... 
deleteMessage: function(event) { 
    this.refs.select_message.getDOMNode(); // I get only the last element 
}, 
... 


... 
render: function() { 
    var Messages = this.props.messages; 
    return (
     <div> 
      <button onClick={this.deleteMessage}>Delete</button> 

     {Messages.map(function(message) { 
       return (
        <div> 
        <input type='checkbox' className='select_message' ref='select_message'/> 
        </div> 
       ); 
     })} 
     </div> 
    );  

我做正確的方式？

Answer 1

你應該做的是，在你的deleteMessage中，調用你從父對象傳過來的處理函數。這又反過來從外部修改消息數組。然後新的消息數組將作爲道具傳入。您需要的主要洞察是道具不僅是渲染所傳遞的數據，還包括在組件內部發生用戶交互時要調用的函數。