の、解決策。以下のような感じでいけた。
const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
if (event.key === " ") {
event.stopPropagation();
}
};
const MyComponent {
return (
<TextField
onKeyDown={handleKeyDown}
//...onBlurで発火したりonChangeで何かしたり
/>
);
}
export default MyComponent;
ここに辿り着くまでに色々こねくりまわしてしまったけど最終的には event.stopPropagation();
を使うだけでよかった。
chatGPTに聞くと、冗長すぎる(もしくは意図と異なる伝わり方をしてる) 回答が返ってくるので、安易に参考にしすぎないことも大事だなー。
中途半端に動いちゃうのも厄介だったりする。