React - 如何 return HTML JSON 中的元素

Question

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

Returns : 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

React - 如何 return HTML JSON 中的元素

React - How to return HTML elements in JSON

javascript

json

reactjs

react-jsx