在React JS中渲染动态HTML | JS中渲染动态HTML

本文介绍了在React JS中渲染动态HTML的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

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

I want to render a dynamic html text provide by a API in react js but I don't know how to do.

例如:

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

   render() {

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

我只想在StackOverFlow上用红色打招呼HelloStackOverFlow

I want to dysplay only Hello StackOverFlow with the red color on StackOverFlow

推荐答案

使用 dangerouslySetInnerHTML

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

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

这篇关于在React JS中渲染动态HTML的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！