Render dynamic html in react js

Question

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

I don't really understand what you're asking, what the question is, etc — Matt Fletcher
– Matt Fletcher, Commented Dec 17, 2017 at 19:42
... repeating what you say in your question is not the same as expanding on it. — Matt Fletcher
– Matt Fletcher, Commented Dec 17, 2017 at 21:01

learning_vba · Accepted Answer · 2017-12-17 21:31:06Z

6

use dangerouslySetInnerHTML

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

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

answered Dec 17, 2017 at 21:31

learning_vba

3802 gold badges4 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Matt Fletcher Over a year ago

Lol. I get the feeling that they advise against that... ;)

learning_vba Over a year ago

Lol. Wish they could have another solution.

Collectives™ on Stack Overflow

Render dynamic html in react js

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related