JSFiddle - React, Tailwind, and code Playground

by tyrsius

HTML

<div data-bind="foreach: items">
    <span data-bind="text: $data"></span>
    <button data-bind="click: $parent.clone">Clone</button></br>
</div>

JavaScript

var ViewModel = function(data) {
    var self  = this;
    self.items = ko.observableArray(data);
    self.clone = function(item) {
        self.items.push(ko.toJS(item));
    };
};

var initialData = ["Things", "Stuff", "More"];

ko.applyBindings(new ViewModel(initialData));