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