More than 3 years have passed since last update.

target="_blank"にはrel="noopener noreferrer"をつける

Last updated at 2021-01-29Posted at 2021-01-08

忘れがちなのでメモ

<a
  href="https://example.com"
  target="_blank"
  rel="noopener noreferrer"
>
  リンク
</a>

Reactでeslintを使ってるならreact/jsx-no-target-blankを error にする

.eslintrc.js

module.exports = {
  // ~ 略 ~
  rules: {
    'react/jsx-no-target-blank': 'error',
  }
}