JSFiddle - React, Tailwind, and code Playground

by Nir Azuelos

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.4.1/knockout.mapping.js"></script>

JavaScript

var data = {
    name: 'Scott',
    children: [
        { id : 1, name : 'Alice' },
        { id : 2, name : 'Bob' },
        { id : 3, name : 'Chris' },
        { id : 4, name : 'Robert' }
    ]
}

var mapping = {
    'children': {
        key: function(data) {
            console.log(data.id);
            return ko.utils.unwrapObservable(data.id);
        }
    }
}
var viewModel = ko.mapping.fromJS(data, mapping);