在 React js 中渲染动态 html答案

【问题标题】：Render dynamic html in react js在 React js 中渲染动态 html
【发布时间】：2017-12-17 19:27:44
【问题描述】：

我想在 react js 中渲染一个 API 提供的动态 html 文本，但我不知道该怎么做。

例如：

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

   render() {

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

我只想在 StackOverFlow 上用红色显示 Hello StackOverFlow

【问题讨论】：

我不太明白你在问什么，问题是什么，等等
我想dyplay一个API提供的动态html。
...重复您在问题中所说的内容与扩展问题不同。

标签： javascript html reactjs

【解决方案1】：

使用 dangerouslySetInnerHTML

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

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

【讨论】：

大声笑。我觉得他们建议不要这样做...... ;)
大声笑。希望他们能有另一个解决方案。