JSFiddle - React, Tailwind, and code Playground

by jfriend00

HTML

<script src="http://files.the-friend-family.com/log.js"></script>

JavaScript

var data = {"suggestions":[
    {"suggestion":"\u200B\u200B\u200B<b>wat</b>er", "categories":[
        {"name":"Water & Juice","filter":"category_id%3A4606"},
        {"name":"Water Dispensers & Filters","filter":"category_id%3A16896"}]
    },{"suggestion":"\u200B\u200B\u200B<b>wat</b>er cooler","categories":[
        {"name":"Water Dispensers & Filters","filter":"category_id%3A16896"},
        {"name":"Kitchen Storage & Organization","filter":"category_id%3A1303"}]
    },{"suggestion":"\u200B\u200B\u200B<b>wat</b>er bottle","categories":[
        {"name":"Lunch Totes & Water Bottles","filter":"category_id%3A8812"},
        {"name":"Water & Juice","filter":"category_id%3A4606"}]
    },{"suggestion":"\u200B\u200B\u200B<b>wat</b>er cups","categories":[
        {"name":"Disposable Plates & Cups","filter":"category_id%3A992"},
        {"name":"Disposable Cups","filter":"category_id%3A13302"}]
    },{"suggestion":"\u200B\u200B\u200B<b>wat</b>er bottle labels","categories":[
        {"name":"Labels","filter":"category_id%3A997"},
        {"name":"Mailing & Shipping Labels","filter":"category_id%3A6118"}]
    },{"suggestion":"\u200B\u200B\u200B<b>wat</b>er dispenser","categories":[
        {"name":"Water Dispensers & Filters","filter":"category_id%3A16896"},
        {"name":"All Kitchen","filter":"category_id%3A60479"}]
    },{"suggestion":"\u200B\u200B\u200B<b>wat</b>ch","categories":[
        {"name":"Pedometers & Fitness Trackers","filter":"category_id%3A2554"},
        {"name":"Smart Watches","filter":"category_id%3A62030"}]
    },{"suggestion":"\u200B\u200B\u200B<b>wat</b>ercolor","categories":[
        {"name":"Abstract Art","filter":"category_id%3A12645"},
        {"name":"Wall Art/Decor","filter":"category_id%3A26678"}]
    }]
}

function test() {
    var items = data.suggestions;
    var names = [], cat;
    // iterate array of suggestions
    for (var i = 0; i < items.length; i++) {
        cat = items[i].categories;
        // iterate array of categories in...