React js渲染从服务器返回的html字符串

IMO*_*AMA 5 html javascript php ecmascript-6 reactjs

从 php 我返回这个 html

PHP

$str = "Hello World";
echo json_encode("returnval"=>format_string($str));

function format_string($str){
  return "<b>".$str."</b>";
}
Run Code Online (Sandbox Code Playgroud)

反应 JSX

render () => {
   //returnval = html string returned from php

   return (
     <div>
         {returnval} 
         <div>
              <span>Some data</span>
         </div>
     </div>
   );
}
Run Code Online (Sandbox Code Playgroud)

上面的内容打印<b>Hello World</b>为文本。

但我希望执行html 标签(在本例中为粗体)

由于某些原因,我无法format_string在 jsx 中编写该函数,有什么办法可以解决这个问题吗?

Mat*_*Yao 5

您可以使用angerouslySetInnerHTML 属性来呈现您的html 字符串。

检查 React 文档(https://facebook.github.io/react/docs/dom-elements.html)了解更多详细信息。