Javascript 在ant设计中将呈现字符串作为HTML进行反应

我正在使用ant设计下拉列表。我有来自API的动态数据，当我尝试将这些数据呈现到中时，它会呈现为字符串

所以我使用这个库将字符串呈现为HTML，但它不起作用

renderSocialMedia = () => {
if (this.props.weblookup) {
  let socialmedialookup = this.props.weblookup
  webitems = ""
  return socialmedialookup.map((k, index) => {
    if (k.name.toLowerCase() != "other")
      return webitems = "<Menu.Item key=" + k.id + ">" + k.name + "</Menu.Item>"
  })
 }
}

renderSocialMedia=（）=>{
if（this.props.weblookup）{
让socialmedialookup=this.props.weblookup
webitems=“”
return socialmedialookup.map（（k，index）=>{
if（k.name.toLowerCase（）！=“其他”）
return webitems=”“+k.name+“”
})
}
}

{ReactHtmlParser（webitems）}

{getFieldDecorator（'AddNetwork'{
初始值：“”，
})(
)}

输出：

---

在使用React时，必须正确设置DOM元素的格式。那么，试试这个

return webitems = <Menu.Item key={ k.id }>{ k.name}</Menu.Item>

returnwebitems={k.name}

希望能有帮助快乐编码

尝试返回webitems={k.name}

return webitems = <Menu.Item key={ k.id }>{ k.name}</Menu.Item>