Javascript React-如何返回HTML的名称和字符串

我想我已经过时了，我会用HTML和数据构建字符串。我希望React在我返回字符串时能很好地处理这个问题。有没有一个简单明了的方法？而且

似乎在任何地方都不起作用。有替代品吗？
（下图：剪切并粘贴到.html文件中，它将运行。）

var运动员=[
{游戏：足球，名字：汤姆·布雷迪}，
{游戏名称：'篮球''勒布朗·詹姆斯'}
]
类标题扩展了React.Component{
构造函数（props）{super（props）；}；
render（）{return（顶部的大横幅）；}
}
类的另一行扩展了React.Component{
构造函数（props）{super（props）；}；
render（）{
设htmlStuff=“”；
让工作台=this.props.stars；
for（设i=0；i”；
HTMLSUFF+=工作台[i]。名称；
HTMLSUFF+=“
”；
}
console.log（{htmlStuff}）；
返回（{htmlStuff}）；
}//结束渲染
}//结束类
//==============================
类Main扩展了React.Component{
构造函数（props）{super（props）；}；
render（）{
返回(
);
}
}
//  =========================================
ReactDOM.render(
,
document.getElementById（'root'））
);

可以尝试在另一个组件中使用危险的LysetinerHTML道具，如下所示：

    return (<div dangerouslySetInnerHTML={{__html:htmlStuff}}</div>)

---

return（可能尝试在另一行组件中使用危险的LysetinerHTML属性，如下所示：

    return (<div dangerouslySetInnerHTML={{__html:htmlStuff}}</div>)

return（“似乎不工作”-发生了什么？控制台中出现了错误，屏幕上出现了其他一些（不正确的）输出，或者…？“似乎不工作”-发生了什么？控制台中出现了错误，屏幕上出现了其他一些（不正确的）输出，或者…？Hi Jas C；这是有效的返回（）谢谢.M.太棒了！很高兴我能提供帮助：）Hi Jas C；这是有效的返回（）谢谢。M。太棒了！很高兴我能帮忙：）