JSFiddle - React, Tailwind, and code Playground

HTML

<select id='mySelect'><select>
    
$.each(countries, function(i, e){
    $('#mySelect').append("<option value='" + e.cca2 +"'>" + e.name + "</option>");
})

JavaScript

var countries = [{
    "name": "Afghanistan",
        "cca2": "AF",
        "calling-code": "93"
},
//{"name":"Ă…land Islands","cca2":"AX","calling-code":"358"},
{
    "name": "Albania",
        "cca2": "AL",
        "calling-code": "355"
}, {
    "name": "Algeria",
        "cca2": "DZ",
        "calling-code": "213"
}, {
    "name": "American Samoa",
        "cca2": "AS",
        "calling-code": "1684"
}, {
    "name": "Andorra",
        "cca2": "AD",
        "calling-code": "376"
}, {
    "name": "Angola",
        "cca2": "AO",
        "calling-code": "244"
}, {
    "name": "Anguilla",
        "cca2": "AI",
        "calling-code": "1264"
}, {
    "name": "Antigua and Barbuda",
        "cca2": "AG",
        "calling-code": "1268"
}];

$.each(countries, function(i, e){
    $('#mySelect').append("<option value='" + e.cca2 +"'>" + e.name + "</option>");
})