Заменить часть строки с тегом в JSX
Я пытаюсь заменить части строки тегами 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?