javascript - React 不将 HTML 字符串从 JSON 转换为文本

Question

我对 React.js 及其处理存储在变量中的文本的方式有疑问。

这是使用 DOM 的样子:

let text = "Must credit to &quot;https://indepthguide.com/&quot; not Flickr.\nCopy Link Address: <a href=\"https://indepthguide.com/\" rel=\"nofollow\">indepthguide.com/</a>"

document.getElementById("root").innerHTML = text;

<p id="root"></p>

这就是它在 React.js 中的样子。

var text = "Must credit to &quot;https://indepthguide.com/&quot; not Flickr.\nCopy Link Address: <a href=\"https://indepthguide.com/\" rel=\"nofollow\">indepthguide.com/</a>";

class Text extends React.Component {
  render() {
    return <h3 >{
      text
    } < /h3>;
  }
}


ReactDOM.render( <
  Text / > ,
  document.getElementById('root')
)

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="root"></div>

我尝试了 new DOMParser(); 但没有成功，因为它开始抛出错误，我不确定如何处理它。我真的不知道该怎么做，现在尝试了很长时间:D。

Answer 1

默认情况下，React 不允许从字符串变量创建标签，因为这太危险了。如果有必要，您可以使用 dangerouslysetinnerhtml。请通过此链接阅读文档 https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml