在反应js中渲染动态html

时间:2017-12-17 19:27:45

标签: javascript html reactjs

我想渲染一个动态html文本,由API提供反应js,但我不知道该怎么做。

例如:

   dynamicHtml= <div> hello <span color=red> StackOverFlow </span> </div>

   render() {

        return (
            <div>  {dynamicHtml} </div>
        );
   }

我想只在StackOverFlow

上用红色显示Hello StackOverFlow

1 个答案:

答案 0 :(得分:3)

使用 dangerouslySetInnerHTML

     function createMarkup(text) { return {__html: text}; };
     <render() {

            return (
               <div dangerouslySetInnerHTML={createMarkup()} />
            );
       }