如何从jQuery转到React.js？\[关闭\]

我已经读了几天的React。我可以理解大部分的内容，但是我对自己的编写能力并不完全自信。我一直在开发一个小型Web应用程序，该应用程序通过jQuery完成所有html生成并将元素彼此附加。我想尝试使用React重建它，因为我相信它会更快。这个JSFiddle是我正在从事的工作的一个小例子。您将如何使用React编写它？

JS：

function remove() {
    this.remove();
}

function timed_append_new_element() {
    setTimeout(function () {
        var added_content = $("<span />", {
            class: "added_content",
            text: "Click to close",
            click: remove
        });
        container.append(added_content);
    }, 3000);
}

function append_new_element() {
    var added_content = $("<span />", {
        class: "timed_added_content",
        text: "Click to close",
        click: remove
    });
    container.append(added_content);
}


var container = $("<div />", {
    class: "container"
});
var header = $("<span />", {
    class: "header",
    text: "jQuery to React.js Header"
});
var add_button = $("<button />", {
    class: "add_button",
    text: "Add Element",
    click: append_new_element
});
var timed_add_button = $("<button />", {
    class: "add_button",
    text: "Add Element in 3 seconds",
    click: timed_append_new_element
});
container.append(header);
container.append(add_button);
container.append(timed_add_button);
$("body").append(container);