JSFiddle - React, Tailwind, and code Playground

by ZenMaster

HTML

<div>    
    <ul data-bind="foreach: items">
        <li>
             <input type="text" data-bind="value: name">       
        </li>
    </ul>
</div>

JavaScript

var data = {
    items: [{name: 'name 1'}, {name: 'name 2'}, {name: 'name 3'}]
};

var mapped = ko.mapping.fromJS(data, {
    items: {
        key: function(item) {
            return item.name;
        }
    }
});

ko.applyBindings(mapped);