javascript - React - 如何在 JSON 中返回 HTML 元素

Question

我有一个 JSON 文件，其中包含字符串中的 HTML 元素 - 是否可以将 React/JSX 中的数据作为有效呈现的 HTML 返回？

var Hello = React.createClass({
  render: function() {
    var exampleJSONData = {
        "item": "Hello",
        "text": "<p>Lorem ipsum</p><p>dolor sit amet</p>"
    }
    return <div>{data.item} {data.text}</div>;
  }
});

返回:Hello <p>Lorem ipsum</p><p>dolor sit amet</p>而不是:

Hello
Lorem ipsum
dolor sit amet

fiddle

Answer 1

你可以尝试使用dangerouslySetInnerHTML像这样

<div dangerouslySetInnerHTML={ {__html: data.text} } />

Example