在react js中渲染动态html

Question

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

例如 ：

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

   render() {

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

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

Answer 1

使用危险的SetInnerHTML

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

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