reactjs - country-data map

Question

I am receiving an array of country codes as props like this: ['en', 'ro', 'da']. What would be the best way to map it back to their names in an object like this: {value: 'en', label: 'English}.

Answer 1

尝试这种模式：

const myCountries = ['en', 'ro']; 
const data= [{EN: "England"}, {RO: "Romania"}, {DA: "Denmark"}];

const getCountriesOption = () => {
const countriesOptions = data.map(
  country => ({ value: Object.keys(country)[0], label: country[Object.keys(country)[0]] }))
      
  return countriesOptions;
    }
// All options
console.log(getCountriesOption());
// Only my countries
console.log(getCountriesOption().filter(
obj => myCountries.includes(obj.value.toLowerCase())));