Javascript 基于道具使用不同的导入组件

我知道这不是最好的方法，但现在我必须解决以下问题：

未能编译，如果出现意外标记

{
如果（语言=='en'）
{
Api.getFaqText（）.map（b=>{
如果（b.id==1）
返回
})
}
}

问题是如何在特定条件下决定使用哪些导入的模块函数。

Api.getFaqText

来自一个

import-Api from'path/'

，然后还有一个

import-Y from'path/'

，它还有一个名为

getFaqText

的函数

如果条件允许，如何修改此片段，以避免渲染中断

下面的要点中提供的示例不起作用，因为我在

if

中得到了一个意外的标记

要点：

1）使用

条件和
构造来实现您的条件

2） 在map函数中，返回
null
，而不是nothing。否则，您可以在映射之前进行用户筛选

  render() {
    return <Col>
      {language === 'en' && Api.getFaqText().map(b => {
          if (b.id === 1) {
             return <BHead textClass={b.classname} key={b.id} title={(<div dangerouslySetInnerHTML={{__html: b.title}} />)} />;
          } else {
            return null;
          }
        })
      }
    </Col>
  }

render（）{
返回
{language=='en'&&Api.getFaqText（）.map（b=>{
如果（b.id==1）{
返回；
}否则{
返回null；
}
})
}
}

  render() {
    return <Col>
      {language === 'en' && Api.getFaqText().map(b => {
          if (b.id === 1) {
             return <BHead textClass={b.classname} key={b.id} title={(<div dangerouslySetInnerHTML={{__html: b.title}} />)} />;
          } else {
            return null;
          }
        })
      }
    </Col>
  }