Как я могу визуализировать объект элемента HTML внутри строки в ReactJS? ⇐ Html

[Anonymous]

Как я могу преобразовать объект HTML, содержащий элемент span внутри строки, во что-то, что Reactjs действительно может отображать как HTML?
Чтобы уточнить, вот что у меня есть:

Код: Выделить всё

let myObject = "apple tree"

Я написал функцию, которая помещает слово «яблоко» в элемент span:

Код: Выделить всё

appletree

на моем веб-сайте отображается:

Код: Выделить всё

[object Object] tree

НО оно должно отображаться

Код: Выделить всё

apple tree

где «яблоко» окрашено в красный цвет, потому что оно заключено в диапазон
Я передаю строку в свой компонент следующим образом:

Код: Выделить всё

return ({myObject})

Не знаю, как отобразить этот объект как настоящий HTML-элемент, и не уверен, что использование опасно SetInnerHTML также является лучшим и единственным вариантом здесь.

Подробнее здесь: https://stackoverflow.com/questions/428 ... in-reactjs