Как показать элемент языка только по условию в Javascript React

У меня есть выпадающее меню с двумя вариантами языка для выбора: русский и английский. как показать только один вариант выбора, если выбран другой? например если интерфейс сайта на русском я должен показывать только английский язык и должен скрывать язык на котором сейчас сайт. и наоборот. По умолчанию в исходном состоянии компонента язык должен быть русский.

<NavDropdown eventKey = {6} id = "basic-nav-dropdowm" title=     {i18n.t('menu.dictionaries.label')}>

<MenuItem divider />
            {sysLangs.map((lang, index) => {

              return (
                <MenuItem
                  eventKey = {`${7.9}.${index + 1}`}
                  key = {'lang_' + lang.id}
                  onClick = {() => this.handleSetLang(lang.key)}
                >
                  {lang.name}
                </MenuItem>
              );
            })}
            <MenuItem divider />


export const langs = [
{
  name: 'Русский',
  id: 1,
  key: 'ru'
 },
{
 name: 'English',
 id: 2,
 key: 'en'
},
{
 name: 'Қазақша',
 id: 3,
 key: 'kk'
}
 ];     
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
0
78
1

Ответы 1

Вы можете запустить этот код

const langs = [
{
  name: 'Русский',
  id: 1,
  key: 'ru'
 },
{
 name: 'English',
 id: 2,
 key: 'en'
},
{
 name: 'Қазақша',
 id: 3,
 key: 'kk'
}
 ];    

export const newLangs = langs.filter(lang => lang.name !== 'English') // replace English with the language of the page.

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