JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<input type="text" id="consulta_estoque" width="200px" />

JavaScript

var json = [{
    "label": "EUROFAST ANGULAR FEMEA",
        "value": "8019077",
        "codProduto": "9",
        "codigoFabrica": "8019077",
        "codSubcategoria": "0",
        "descricaoProduto": "WWAKS3-5\/S366 CONECTOR M12 EUROFAST ANGULAR FEMEA",
        "tipoItemEstoque": "0",
        "c7flex": "9",
        "ncmProduto": "85444200"
}, {
    "label": "EUROFAST ANGULAR MACHO",
        "value": "8019078",
        "codProduto": "39",
        "codigoFabrica": "8019078",
        "codSubcategoria": "0",
        "descricaoProduto": "WWAKS3-10\/S366 CONECTOR M12 EUROFAST ANGULAR MACHO",
        "tipoItemEstoque": "0",
        "c7flex": "39",
        "ncmProduto": "0"
}]

$("#consulta_estoque").autocomplete({
    source: json,
    select: function (event, ui) {
        alert('Código de fábrica: ' + ui.item.codigoFabrica);
    }
});
$("#consulta_estoque").on('focus', function(){
    json = json.concat(json2); // aqui seria um pedido ajax
    $("#consulta_estoque").autocomplete({source: json});
});

var json2 = [{
    "label": "EUROFAST LINEAR FEMEA",
        "value": "8019077",
        "codProduto": "9",
        "codigoFabrica": "8019077",
        "codSubcategoria": "0",
        "descricaoProduto": "WWAKS3-5\/S366 CONECTOR M12 EUROFAST ANGULAR FEMEA",
        "tipoItemEstoque": "0",
        "c7flex": "9",
        "ncmProduto": "85444200"
}, {
    "label": "EUROFAST LINEAR MACHO",
        "value": "8019078",
        "codProduto": "39",
        "codigoFabrica": "8019078",
        "codSubcategoria": "0",
        "descricaoProduto": "WWAKS3-10\/S366 CONECTOR M12 EUROFAST ANGULAR MACHO",
        "tipoItemEstoque": "0",
        "c7flex": "39",
        "ncmProduto": "0"
}]