У меня есть выпадающее меню с двумя вариантами языка для выбора: русский и английский. как показать только один вариант выбора, если выбран другой? например если интерфейс сайта на русском я должен показывать только английский язык и должен скрывать язык на котором сейчас сайт. и наоборот. По умолчанию в исходном состоянии компонента язык должен быть русский.
<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'
}
];



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вы можете запустить этот код
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.