React cloneNode - 複製

Question

是否有可能在React中執行cloneNode？

在其基本層面上，我想要做的是點擊組件，然後讓它爲該組件製作副本供我使用。我最終想做一個簡單的副本拖動，然後刪除，但我只是想知道如何做一個組件/元素的克隆。

有沒有更好的方法來解決這個問題？該組件將是靜態的，然後通過簡單的單擊就可以克隆它或動態創建以供使用。

var TestChild = React.createClass({ 
    onClick: function (e) { 
     this.props.onClick(e); 
    }, 
    render: function() { 
     return (
      <div onClick={this.onClick}>Test Item</div> 
     ) 
    } 
}); 

var TestParent = React.createClass({ 
    onClick: function (e) { 
     // cloneNode 
    }, 
    render: function() { 
     return (
      <TestChild onClick={this.onClick} /> 
     ) 
    } 
}); 

Answer 1

怎麼樣保持狀態父元素TestParent表示許多子元素TestChild現在怎麼樣應該有，像this.state.count，然後在父母的render方法，狀態映射到TestChild秒。而onClick函數只是遞增計數器。這裏是來自React文檔的example