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の対義語らしい。