Ich versuche, Teile eines Strings durch JSX-Tags zu ersetzen, wie folgt:

render: function() {
    result = this.props.text.replace(":",<div className="spacer"></div>);
    return (
         <div>        
             {result}
         <div>        
    );
}

Aber angesichts der Tatsache, dassthis.props.text istLorem : ipsum, es fuehrt z

<div>
    Lorem [object Object] ipsum.
</div>

Gibt es eine Möglichkeit, diese oder eine andere Möglichkeit, Teile eines Strings durch JSX-Tags zu ersetzen, zu lösen?