How to render a react element using an html string? [duplicate]

Answer 1

What you want is dangerouslySetInnerHTML

https://facebook.github.io/react/tips/dangerously-set-inner-html.html

function createMarkup() { return {__html: 'First · Second'}; };
<div dangerouslySetInnerHTML={createMarkup()} />

Edit: you'll want to htmlencode the string.

Answer 2

Also be aware of React.renderToString('html') which can be used on server - https://facebook.github.io/react/docs/top-level-api.html