相关疑难解决方法(0)

我已经读了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 = …