2022-6-19

[React] propsに文字列リテラルを渡す際にはHTMLエスケープが元に戻される

JSX を深く理解する – React

React公式を改めて読んでいると以下の記述を目にした。

文字列リテラルを渡す際、その値における HTML エスケープは元の形に復元されます。

実際にcodesandboxで試してみた。

上の例のように、HTMLエスケープ後の文字列自体が必要な時にハマる可能性があるので覚えておこうと思う。大体文字列は変数に詰めて渡すから問題にならない可能性が高いだろうけどね。