文中の単語を強調表示する関数を作成しようとしています。対応するコードは次のとおりです。

リーリー

ここでは、「text」をコンソールすると[Object object]が得られるので、「highlight」を返し、reduceを使って結合しています。

リーリー

この「text3」をコンポーネント内で使用したいと考えています。問題は、「text3」を次のように取得することです

これを HTML 要素にして、コンポーネントで使用できるようにしたいと考えています。どうすれば変換できますか? また、

{this.highlightText().reduce((prev, curr) => [prev, ' ', curr])}

を Web ページに直接表示すると、私のコンポーネントでそれを使用すると正常に動作します。