React - How to pass HTML tags in props?

Question

I want to be able to pass text with HTML tags, like so:

not working.\" />

Bu

Answer 1

You can do it in 2 ways that I am aware of.

1- This is not working.

} />

And then do this

class MyComponent extends React.Component {
   render () {
     return (
{this.props.text}
)
   }
}

Or second approach do it like this

2-

This is not working.

And then do this

class MyComponent extends React.Component {
   render () {
     return (
{this.props.children}
)
   }
}