reactjs - preact/react アプリで Google マテリアル アイコンを使用する

Question

私はプリアクトアプリケーションを構築しています。ここでは、material-components-web を使用します。このようなアイコンをレンダリングすると

<i class="material-icons" aria-hidden="true">home</i>

正常に動作し、ホームアイコンが表示されます。

homeしかし、次のような変数として入れたい理由があります。

let homeIcon = 'home';
<i class="material-icons" aria-hidden="true">{homeIcon}</i>

そのようにする方法はありますか？

ありがとう、

Answer 1

テンプレートリテラルを使用することもできます

<i class="material-icons" aria-hidden="true">{`${homeIcon}`}</i>