JSXの中で文字列を展開するときはテンプレートリテラルを使う方が綺麗なHTMLになる - Qiita

export const Text = () => { const text = "foo"; return <p>{text} bar</p>; } 基本的に問題は無いんですが、最終的なHTMLを綺麗にするならテンプレートリテラルにした方が良いので記事にしました。 現状 先ほどの内容をDev toolsで見てみましょう。 描画されたHTMLは次のようになっています。