JSFiddle - React, Tailwind, and code Playground

by fpezzato

HTML

<script src="https://raw.github.com/SteveSanderson/knockout.mapping/master/knockout.mapping.js"></script>

JavaScript

var json = [
    {
        id: 1,
        items: [
            {id: 1, name: 'item1'},
            {id: 2, name: 'item2'},
            {id: 3, name: 'item3'}
        ]
    },
    {
        id: 2,
        items: [
            {id: 4, name: 'item4'},
            {id: 5, name: 'item5'},
            {id: 6, name: 'item6'}
        ]
    },
]

function Data(data) {
    ko.mapping.fromJS(data, {}, this);
}

function Item(data) {
    ko.mapping.fromJS(data, {}, this);
}
var map = {
    'items': {
        create: function(options) {
            return new Item(options.data);
        }
    }
}

var res = ko.mapping.fromJS(json, map);
    
    console.log(res()[0].items());