Substituir parte da cadeia de caracteres por tag em JSX
Estou tentando substituir partes de uma string por tags JSX, assim:
render: function() {
result = this.props.text.replace(":",<div className="spacer"></div>);
return (
<div>
{result}
<div>
);
}
Mas dado quethis.props.text
éLorem : ipsum
, resulta em
<div>
Lorem [object Object] ipsum.
</div>
Existe uma maneira de resolver essa ou outra maneira de substituir partes de uma string por tags JSX?