Я пытаюсь заменить части строки тегами JSX, например, так:

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

Но, учитывая, чтоthis.props.text являетсяLorem : ipsum, это приводит к

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

Есть ли способ решить этот или другой способ заменить части строки тегами JSX?