如何在Javascript React中仅按条件显示语言项

Question

我有一个下拉菜单，有两种语言可供选择，俄语和英语。如果另一个选中，如何只显示一个选项？例如，如果俄语的网站界面我必须只显示英文，我必须隐藏网站当前所在的语言。反之亦然。默认情况下，在组件的初始状态中，语言必须是俄语。

<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'
}
 ];     

Answer 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.