如何在 ReactJS 中显示数组中的 HTML答案

【问题标题】：How to display HTML from an array in ReactJS如何在 ReactJS 中显示数组中的 HTML
【发布时间】：2017-12-28 15:45:19
【问题描述】：

我是 ReactJS 的新手，我的应用程序有问题。我有一个数组：

players: [
    { number: 1, name: "Ben Blocker", position: "G" },
    { number: 2, name: "Dave Defender", position: "D" },
    { number: 3, name: "Sam Sweeper", position: "D" },
    { number: 4, name: "Matt Midfielder", position: "M" },
    { number: 5, name: "William Winger", position: "M" },
    { number: 6, name: "Fillipe Forward", position: "F" },
    { number: 7, name: "Bobby Ristov", position: "<h1>Test</h1>" }
  ],

我想将H1 显示为 HTML 而不是文本。我已经尝试过这样&lt;h1&gt;Hi there!&lt;/h1&gt;，但这也不起作用。我在这里错过了什么吗？任何帮助都会得到帮助。

【问题讨论】：

检查一下，可能有帮助：stackoverflow.com/questions/39758136/…

标签： javascript jquery html reactjs

【解决方案1】：

它应该是一个元素，而不是字符串：

position: <h1>Test</h1>

【讨论】：

您不能将其设置为对象字段中的值，它无效js
@G4bri3l 你读过 JSX 文档吗？ facebook.github.io/react/docs/introducing-jsx.html
@Ha Ja 谢谢你的回答。但现在我明白了：使用 JSX react/react-in-jsx-scope 时，'React' 必须在范围内
是的，在使用 jsx 之前，您必须在文件中导入 React 模块。