如何将一个组件插入另一个组件onclick in reactjs？

Question

在这里，我有两个组成部分。一个是ComponentOne，另一个是ComponentTwo。目前我只渲染一个ComponentTwo组件。

var ComponentOne = React.createClass({
    render: function() {
        <div className="card">
            <h2>Component one</h2>
        </div>
    }
});
var ComponentTwo = React.createClass({
    render: function() {
        <div className="card">
            <h2>Component two</h2>
            <button>Insert</button>
        </div>
        <ComponentOne />
    }
});

如果我单击“插入”按钮，ComponentOne将在componenttwo类元素卡之后插入。如何用reactjs实现这个？

Answer 1

将ComponentTwo更改为此。

canvas.toDataURL("image/jpeg");