在 Reactjs 中返回 [Object object] 而不是 Dom 字符串

Returns [Object object] instead Dom string in Reactjs

本文关键字：Dom 字符串 object Reactjs 返回 Object      更新时间：2023-09-26
var content = "";
for(var i=0;i<menuData.length;i++){           
 content += <li className={"accordion-menu-item "+showComponent} onClick={this.handleClick} id={menuTag}> 
     <div className={"menuLabel "+labelClassName}>{componentLabel}{manageActionLabel}</div>
     {allowDropDownElement}
     {this.createInnerComponent(allowDropDownFlag,innerComponents,showComponent)}
  </li>
}
return  <ul className="accordion-menu-wrapper">{content}</ul>

上面的代码都是放在Reactjs中。上面的代码是一个函数中的代码，它假设返回 DOM 字符串，而不是返回 [对象对象][对象对象][对象对象][对象对象]。请帮助解决此问题。

不要使用内容作为字符串，而是使用数组。

var content = [];
for(var i=0;i<menuData.length;i++){           
 content.push(<li className={"accordion-menu-item "+showComponent} onClick={this.handleClick} id={menuTag}> 
     <div className={"menuLabel "+labelClassName}>{componentLabel}{manageActionLabel}</div>
     {allowDropDownElement}
     {this.createInnerComponent(allowDropDownFlag,innerComponents,showComponent)}
  </li>);
}
return  <ul className="accordion-menu-wrapper">{content}</ul>

演示

相关文章：