[RN] ReactNativeのTypeScript化で困ったことまとめ

React.Component<Props, State>

export interface Props {
  navigation: NavigationScreenProp<any, any>;
}

型 xxx にはインデックスシグネチャがないため、要素は暗黙的に ‘any’ 型になります。

の対処法

こんなインターフェースがあったら

interface todayTitle {
  todayFirst: string;
  todaySecond: string;
  todayThird: string;
}

🔼を⏬に

interface todayTitle {
  [key: string]: string;
  todayFirst: string;
  todaySecond: string;
  todayThird: string;
}

Object[key]() （ブラケット記法）で呼ばれた時のキーに関して設定します！

[ts] ES5/ES3 の非同期の関数またはメソッドには、’Promise’ コンストラクターが必要です。’Promise’ コンストラクターの宣言があることを確認するか、`–lib` オプションに ‘ES2015’ を組み込んでください。

ScrollView　から　View　に変えてもScrollView設定を消し忘れることがままあるが、typescriptにすれば赤い波波を出してくれるのですぐわかる。

jsの書き方で慣れているならいいけど、そうでないなら逐一レビューしてくれるTypeScriptがおすすめ！

TypeScriptにしたらjsxの時に気づかなかったひどいコードがあったので戒め的な感じで載せておきます。

let { todayTitle } = this.setState;

これでも動いていました。。。。凄いね💦