jsxでアポストロフィを使う【eslintreact/no-unescaped-entities】

1319 ワード

next.js React JSX JSX テキストリンク

問題

Reactのjsx内にアプストロフィを含む文字列を記述しようとしたらESLintのエラー(eslintreact/no-unescaped-entities)に引っかかった。

解決方法

文字列の'（アポストロフィ）の箇所を',‘,',’のどれかに変換する。

<Link href="/user/signUp" variant="body2">
    Don't have an account? Sign up           // エラー
    Don&apos;t have an account? Sign up     // OK
    Don&lsquo;t have an account? Sign up　  // OK
    Don&#39;t have an account? Sign up     // OK
    Don&rsquo;t have an account? Sign up   //OK
</Link>

Author And Source

この問題について(jsxでアポストロフィを使う【eslintreact/no-unescaped-entities】), 我々は、より多くの情報をここで見つけました https://qiita.com/Yuya2218/items/efbe2badb45d439012a4

著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。

Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .