JSFiddle - React, Tailwind, and code Playground

by kougiland

JavaScript

var json = {
    "products": [{
        "id": 10,
        "product_prices": [{
            "product_size_id": 2,
            "price": "2.0"
        }, {
            "product_size_id": 3,
            "price": "3.0"
        }, {
            "product_size_id": 5,
            "price": "4.0"
        }, {
            "product_size_id": 6,
            "price": "5.0"
        }],
        "product_types": [{
            "id": 8,
            "name": "Wit brood",
            "supplement_amount": "0.0"
        }, {
            "id": 9,
            "name": "Bruin brood",
            "supplement_amount": "0.0"
        }],
        "product_sizes": [{
            "id": 2,
            "name": "M"
        }, {
            "id": 3,
            "name": "L"
        }, {
            "id": 5,
            "name": "M smos"
        }, {
            "id": 6,
            "name": "L smos"
        }]
    }, {
        "id": 9,
        "product_prices": [{
            "product_size_id": 2,
            "price": "1.0"
        }, {
            "product_size_id": 3,
            "price": "1.5"
        }, {
            "product_size_id": 5,
            "price": "2.0"
        }, {
            "product_size_id": 6,
            "price": "2.5"
        }],
        "product_types": [{
            "id": 8,
            "name": "Wit brood",
            "supplement_amount": "0.0"
        }, {
            "id": 9,
            "name": "Bruin brood",
            "supplement_amount": "0.0"
        }],
        "product_sizes": [{
            "id": 2,
            "name": "M"
        }, {
            "id": 3,
            "name": "L"
        }, {
            "id": 5,
            "name": "M smos"
        }, {
            "id": 6,
            "name": "L smos"
        }]
    }, {
        "id": 20,
        "product_prices": [{
            "product_size_id": 2,
            "price": "2.0"
        }, {
            "product_size_id": 3,
            "price": "2.5"
        }, {
            "product_size_id": 5,
           ...