[解決済み] ReactJSで文字列を改行しないでレンダリングする

質問

小道具の中に、&などの文字を含む文字列があります。 それはまたスペースを含んでいます。 私はすべてのスペースを   .

これを行うための簡単な方法はありますか？ 私はこの構文を使用してレンダリングすることができないことを心に留めておいてください。

<div dangerouslySetInnerHTML={{__html: myValue}} />

というのは、まずHTMLエンティティをそのマークアップに置き換えなければならないからです。 私はこれをする必要はありません、それはあまりにも低レベルに見えます。

これを行うことができる方法はありますか？

どのように解決するのですか？

を使う代わりに   HTML エンティティを使用する代わりに、Unicode 文字である   が参照する Unicode 文字 (U+00A0 NON-BREAKING SPACE) を使うことができます。

<div>{myValue.replace(/ /g, "\u00a0")}</div>