JSFiddle - React, Tailwind, and code Playground

HTML

<div id='show_test'>
</div>

JavaScript

$(document).ready(function(){
var matches = [
    {"category_name":"category_1","stock_name":"stock_1","supplier_stock":"supplier_stock_1"},{"category_name":"category_2","stock_name":"stock_2","supplier_stock":"supplier_stock_2"},
{"category_name":"category_3","stock_name":"stock_3","supplier_stock":"supplier_stock_3"}, {"category_name":"category_4","stock_name":"stock_4","supplier_stock":"supplier_stock_4"}
    ];
    $.each(matches, function(i) {
    var arrayDt = [];
    arrayDt[i] = { 
        "category" : this.category_name,
        "stock" : this.stock_name,
        "supplier_stock" : this.supplier_stock
    };
    $("#show_test").append("<div><a id='bt_"+i+"'>click</a></div>");
    $("#bt_"+i).click(function(){
       show_data(arrayDt[i]);
    });
});
});
    function show_data(data){
        alert(JSON.stringify(data));
    }