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

转载请注明出处:http://www.intrusion-fire.net/article/20230330/1740316.html