Returns [Object object] 而不是 Reactjs 中的 Dom 字符串

Question

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中。上面的代码是一个函数内部的代码，它假设 return DOM 字符串而不是 return 作为 [object object][object object][object object][object object]。请帮助解决这个问题。

Answer 1

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

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>

Demo

Returns [Object object] 而不是 Reactjs 中的 Dom 字符串

Returns [Object object] instead Dom string in Reactjs

javascript

reactjs

react-jsx