のように型のエイリアスと組み合わせて定義します。 このほかにもエイリアスが存在するため、全てを覚えるのは大変です。 仮に一字一句覚えたとしても誤って不適切な型を定義するとエラーの元になります。 本記事では、VS Codeの機能を活用して適切な型の調査方法と定義方法について紹介します。 また応用編として、Material-UIの定義方法について紹介します。 前提 VS Codeは2021/9/15時点の最新版 Reactプロジェクトのモジュール構成は次の通り(Node.jsはv15.9.0) { "dependencies": { "@emotion/react": "^11.4.1", "@emotion/styled": "^11.3.0", "@mui/icons-material": "^5.0.0-rc.0", "@mui/material": "^5.0.0-rc.0", "@m
![React+TypeScript+VS Codeでイベント処理関数に適切な型を「調査」して「定義」する方法 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/247f79ce684a1471841f0e4f787e03b1b43af345/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9UmVhY3QlMkJUeXBlU2NyaXB0JTJCVlMlMjBDb2RlJUUzJTgxJUE3JUUzJTgyJUE0JUUzJTgzJTk5JUUzJTgzJUIzJUUzJTgzJTg4JUU1JTg3JUE2JUU3JTkwJTg2JUU5JTk2JUEyJUU2JTk1JUIwJUUzJTgxJUFCJUU5JTgxJUE5JUU1JTg4JTg3JUUzJTgxJUFBJUU1JTlFJThCJUUzJTgyJTkyJUUzJTgwJThDJUU4JUFBJUJGJUU2JTlGJUJCJUUzJTgwJThEJUUzJTgxJTk3JUUzJTgxJUE2JUUzJTgwJThDJUU1JUFFJTlBJUU3JUJFJUE5JUUzJTgwJThEJUUzJTgxJTk5JUUzJTgyJThCJUU2JTk2JUI5JUU2JUIzJTk1JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz03NzEyMTc3MTM1ZjIwNTM5OTA4ZTcxMWJkYzkyYTQ2ZA%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBHcm93VXAtSGFydW5vJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0xYWE2YWY2ZWQwYzBkYWIzODg5ZTg3ZWQ5M2ZkZDJmZQ%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dba7ed2deca2ccf0b609e2fd11f2b7e48)