在 react js 中渲染动态 html

IT技术 javascript html reactjs
2021-04-25 23:04:53

我想在 react js 中呈现由 API 提供的动态 html 文本，但我不知道该怎么做。

例如 ：

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

   render() {

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

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

1个回答

危险地使用SetInnerHTML

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

            return (
               <div dangerouslySetInnerHTML={createMarkup()} />
            );
       }
其它你可能感兴趣的问题
上一篇FireStore - 使用新数据更新 UI，无需重新加载浏览器 下一篇ES6 中嵌套类的上下文很奇怪