React cloneNode - コピーを作成

Question

ReactでcloneNodeを実行することは可能ですか？

基本的なレベルで、私がやりたかったのは、コンポーネントをクリックしてから、そのコンポーネントをコピーして使用することでした。私は最終的に単純なコピーをドラッグしてからドロップしたいのですが、コンポーネント/要素のクローンを行う方法を知りたがっています。

これについてもっと良い方法がありますか？コンポーネントは静的になり、単純なクリックによってそのコンポーネントが複製されるか、動的に作成されて使用されます。親のrender方法では、その後、this.state.countのように、現在、多くの子要素TestChildがどうあるべきか示す親要素TestParent状態を保っについて、TestChild sの状態をマップ何

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

。そして、onClick関数は単にカウンタをインクリメントします。 React docsのexample