目次
React.Component<Props, State>
export interface Props { navigation: NavigationScreenProp<any, any>; }
typescript – Add strong typing for react navigation props – Stack Overflow
Object[key]
型 xxx にはインデックス シグネチャがないため、要素は暗黙的に ‘any’ 型になります。
の対処法
参考:【TypeScript】 Object[key]() (ブラケット記法)で関数呼び出ししたら Element implicitly has an ‘any’ type でハマった話 – Qiita
こんなインターフェースがあったら
interface todayTitle { todayFirst: string; todaySecond: string; todayThird: string; }
🔼を⏬に
interface todayTitle { [key: string]: string; todayFirst: string; todaySecond: string; todayThird: string; }
Object[key]() (ブラケット記法)で呼ばれた時のキーに関して設定します!
Never型って何?
tsconfig.jsonのECMAScript Target
困ることよりいいことの方が多い
ScrollView から View に変えてもScrollView設定を消し忘れることがままあるが、typescriptにすれば赤い波波を出してくれるのですぐわかる。
jsの書き方で慣れているならいいけど、そうでないなら逐一レビューしてくれるTypeScriptがおすすめ!
実際にあったひどいコード
TypeScriptにしたらjsxの時に気づかなかったひどいコードがあったので戒め的な感じで載せておきます。
これでも動いていました。。。。凄いね💦