How to move part of a string to a new line in a component property?

Question

css

How to move part of a string to a new line in a component property?
<Component text={"Hello <br> world"}/>
So it displays "Hello br world" as text.
How can I make it
move to a new line?

Answer 1

Did so.
<Component text={<span>Hello <br/> world</span>}/>

Answer 2

Perhaps it will help dangerouslySetInnerHTML
An example of usage is in the tutorial (search on the "rawMarkup" page)