JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
  <header><h5>Москва</h5></header>
{info}
</div>

<div class="box">
  <header><h5>Санкт Петербург</h5></header>
{info}
</div>

<div class="box">
  <header><h5>Вашингтон</h5></header>
{info}
</div>

CSS

.box {

}

.box-usa{

background:blue;
}

.box-russia {

background:red;

}

JavaScript

var usa = [ 'Нью Йорк', 'Лос Анджелес', 'Вашингтон' ];
var russia = [ 'Москва', 'Санкт Петербург', 'Владивосток' ]; 


function settingClasses(ar,st){
var strin;
   
    $('.box header').each(function(){
    
    strin = $(this).text();
       
        if (jQuery.inArray(strin,ar)>-1) {
  
    $(this).parent().addClass(st);
  
  } 
});
}
    
    settingClasses(usa,"box-usa");
    settingClasses(russia,"box-russia");