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

Question

我有一个包含字符串中的HTML元素的JSON文件 - 是否可以将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

小提琴

Answer 1

您可以尝试使用dangerouslySetInnerHTML这样的

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

Example