【TypeScript】オブジェクトは 'undefined' である可能性があります。

2439 ワード

状況

optionalな値を使って条件付きレンダーしようとしていた。
しかし実行するとコードは動くが、
tsのエラーが出ている状態。

改善前

hoge: Hoge & {
    fugas?: Piyo[] | undefined;
}

{hoge.fugas?.length >= 1 &&
  // 以下略

改善後

hoge: Hoge & {
    fugas?: Piyo[] | undefined;
}

{hoge.fugas &&
  {hoge.fugas?.length >= 1 &&
  // 以下略

先に hoge.fugas && でhoge.fugasが真だと確定させることにより解消。

この問題について(【TypeScript】オブジェクトは 'undefined' である可能性があります。), 我々は、より多くの情報をここで見つけました https://zenn.dev/dev63/articles/32478d54880290

著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。

Collection and Share based on the CC protocol