JSFiddle - React, Tailwind, and code Playground

by ZenMaster

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.4.1/knockout.mapping.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout-validation/1.0.2/knockout.validation.js"></script>
<div>
    <input type="text" data-bind="value: arrayValue">
    <input type="number" data-bind="value: objectValue">
    <button data-bind="click: show">Show</button>
</div>

JavaScript

var data = {
    arrayValue: ['111', '222'],
    objectValue: {a: 100},
    show: function() {
        console.log(ko.mapping.toJS(this));
    }
};

var mappedData = ko.mapping.fromJS(data);

ko.applyBindings(mappedData);