React - JSXとスタイリング

JSX

定義

• JavaScriptの拡張構文 - 必須ではないが、React開発をより容易にする可能性がある

特徴

• すべての値はレンダリング前にJSXでエスケープ[^1]されるため、注入攻撃の防止が可能である- JavaScript式を中括弧内に記述して使用できる- 要素に対して内部/外部スタイリングの使用が可能である

--- 参考資料

実践！Spring BootとReactで始めるモダンWebアプリケーション開発.

[^1]: 特定の文字を本来の機能から一時的に外すように変換し、安全に使用すること