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
use dangerouslySetInnerHTML
function createMarkup(text) { return {__html: text}; };
<render() {
return (
<div dangerouslySetInnerHTML={createMarkup()} />
);
}
Collected from the Internet
Please contact [email protected] to delete if infringement.
Comments