JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"></div>

JavaScript

var data = [
    {
        "itemData": [
            {
                "Key": "218",
                "Value": "اسلامشهر"
            },
            {
                "Key": "219",
                "Value": " بهارستان"
            },
            {
                "Key": "220",
                "Value": " پاكدشت"
            },
            {
                "Key": "221",
                "Value": " پرديس"
            },
            {
                "Key": "222",
                "Value": " پيشوا"
            },
            {
                "Key": "223",
                "Value": " تهران"
            },
            {
                "Key": "224",
                "Value": " دماوند"
            },
            {
                "Key": "225",
                "Value": " رباط كريم"
            },
            {
                "Key": "226",
                "Value": " ري"
            },
            {
                "Key": "227",
                "Value": " شميرانات"
            },
            {
                "Key": "228",
                "Value": " شهريار"
            },
            {
                "Key": "229",
                "Value": " فيروز كوه"
            },
            {
                "Key": "230",
                "Value": " قدس"
            },
            {
                "Key": "231",
                "Value": " قرچك"
            },
            {
                "Key": "232",
                "Value": " ملارد"
            },
            {
                "Key": "233",
                "Value": " ورامين"
            }
        ]
    }
]

var $container = $('#container');
$.each(data[0].itemData, function (index, element) {
    $('<p />', { text: element.Key }).appendTo($container);
})