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.

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

1 个答案: