Как передать и сохранить глобальную переменную неизменной в работе в React?

Question

Я новичок в React. Я пытаюсь импортировать переменную из файла констант и использовать ее в функции. Вот мой демонстрационный код. Однако, если я вызову функцию несколько раз, страны в otherCountryList просто продолжат добавляться к COUNTRY_LIST. Как я могу предотвратить это, и каждый раз, когда я вызываю функцию, она просто добавляется в COUNTRY_LIST как новый список?

Константы. js:

export const COUNTRY_LIST = ['USA', 'UK', 'SPAIN'];

index. js

import {COUNTRY_LIST} from './constants/constant';  
inputCountry(){
  let countryList = COUNTRY_LIST;
  //let say pushing other country to the countryList 
  for (var c = 0; c < this.otherCountryList.length; c ++){
    countryList.push(c);
  }
  console.log(countryList) //expected output:['USA', 'UK', 'SPAIN', 'AUS', 'JAPAN']
  // real output after called this function twice:['USA', 'UK', 'SPAIN', 'AUS', 'JAPAN', 'AUS', 'JAPAN']
}

Answer 1

Используйте это:

const countryList = [...COUNTRY_LIST];

Вот и все, без pu sh или для l oop или чего-то еще. Он просто копирует массив.