Ich habe seit ein paar Tagen über React gelesen. Ich kann das meiste, was ich sehe, verstehen, aber ich bin nicht ganz sicher, ob ich es schreiben kann. Ich habe an einer kleinen Web-App gearbeitet, die die gesamte HTML-Generierung über jQuery durchführt und Elemente aneinanderfügt. Ich würde gerne versuchen, dies mit React wiederherzustellen, da ich glaube, dass es schneller sein würde. DieseJSFiddle ist ein kleines Beispiel für die Art von Dingen, an denen ich arbeite. Wie würden Sie es mit React schreiben?

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);