JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ui-widget">
    <label for="tags">Tags:</label>
    <input id="tags" />
    <input type="text" id="projeKatmanRaporCbx" />
</div>

JavaScript

$(function () {
    var yerler = [{
        "value": 3,
            "label": "Adana Seyhan"
    }, {
        "value": 78,
            "label": "Seyhan Adana"
    }, {
        "value": 17,
            "label": "Paris Fransa"
    }, {
        "value": 123,
            "label": "Tokyo Japan"
    }];
    $("#tags").autocomplete({
        source: yerler,
        focus: function (event, ui) {
            event.preventDefault();
            $("#tags").val(ui.item.label);
        },
        select: function (event, ui) {
            event.preventDefault();
            $("#projeKatmanRaporCbx").val(ui.item.value);
            $("#tags").val(ui.item.label);
        }
    });
});