React和TypeScript入门者常遇到哪些难题及实用技巧？

本文共计1643个文字，预计阅读时间需要7分钟。

React与TypeScript领域初学者的常见问题与技巧，创建一个联合类型的常量：`const NAME={ HOGE: hoge, FUGA: fuga } as const; keyof typeof NAME=HOGE | FUGA; 创建常量值的联合类型 typeof NAME[keyof typeof NAME]`

React + Typescript领域初学者的常见问题和技巧 创建一个联合类型的常量 Key

const NAME = { HOGE: "hoge", FUGA: "fuga" } as const; keyof typeof NAME // => "HOGE" | "FUGA" 创建常量值的联合类型

typeof NAME[keyof typeof NAME] // => "hoge" | "fuga" 沮丧

const { hoge, piyo } = router.query as { hoge: string; piyo: string; }; 强制向下

有危险，但是...

const { hoge, piyo } = router.query as unknown as { hoge: number; piyo: number; }; Material-Extend UI 类型

基本上它是由命名约定“组件名+Props”提供的，所以使用它。