Render dynamic html in react js

问题

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

for example :

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

   render() {

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

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

回答1:

use dangerouslySetInnerHTML

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

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

来源：https://stackoverflow.com/questions/47858660/render-dynamic-html-in-react-js