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?