Сопоставьте массив локалей и измените каждую локаль на название языка

Используя Next.js, я получаю текущую локаль и все доступные локали для меню выбора языка:

const {cl, al} = useContext(LangContext);
// cl = "en-US"
// al = ["en-US", "de-DE"]

Я написал эту функцию, чтобы вернуть полное имя языка:

const clAlias = ()=> {
    if (cl === "en-US") { return "English" };
    if (cl === "de-DE") { return "Deutsch" };
}

Теперь я хочу составить карту al , но вместо ["en-US", "de-DE"] хочу иметь ["English", "Deutsch"]. Это не только выглядит лучше, но и упрощает пользователю выбор языка. Как лучше всего это сделать?

javascript next.js internationalization

11.05.2022 14:54

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Ответ принят как подходящий

Как насчет объекта.

const clAlias = {
  "en-US": "English",
  "de-DE": "Deutsch"
}
//...
al.map(x => clAlias[x])

11.05.2022 15:10

Вы можете использовать метод Массив.от. Он возвращает новый массив без изменений al

И не забудьте добавить аргументы в clAlias() лайк clAlias(cl)

const al = ["en-US", "de-DE"];
const clAlias = (cl) => {
  if (cl === "en-US") {
    return "English";
  }
  if (cl === "de-DE") {
    return "Deutsch";
  }
};

const answer = Array.from(al, (e) => clAlias(e));
console.info(answer);

11.05.2022 15:42

Другие вопросы по теме

Как сделать хук из моего кода React.js/Next.js?

UseRef не обновлять

API-интерфейс Json placeHolder - белое условие выборки данных

Как интервалы повторной проверки работают с NextJS?

Nginx возвращает 404, когда я использую valid_referers

Как создать приложение next.js прямо в текущей папке

Изменить цвет nextjs - компонент попутного ветра на основе опоры

Как удалить один конкретный параметр запроса из URL-адреса в Next.js?

Реверс массива не влияет

TypeError: не удалось выполнить «выборку» в «окне»: недопустимое имя

Сопоставьте массив локалей и измените каждую локаль на название языка

Ответы 2

Другие вопросы по теме

Похожие вопросы