【React】クリックされたボタンのフォーカスを外す #JavaScript

Reactにおいて、ボタンがクリックされた後もフォーカスされるのが嫌だったので外したかった。

const Button: React.FC = () => {
  const onClick = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
    e.currentTarget.blur();
  }
  return (
    <button onClick={onClick}>ボタン</button>
  )
}

これでいけた。

e.target

これにはイベントが 発火した DOM要素が入っていて、

e.currentTarget

これにはイベントが 発火された DOM要素が入ってるらしい。
(参考：Reactビギナーズガイドをtypescriptで勉強し直してわかったこと③【event.targetの作法】)

blurってのはfocusの対義語らしい。