オブジェクト型（この型は未定義とは互換性がありません（あまりにも少ない引数、期待されるデフォルト/残りのパラメータ））

Question

次のコードでフローエラーが発生しています。

[flow] object type (This type is incompatible with undefined (too few arguments, expected default/rest parameters)) 
type Props = { 
    levels: { 
     image: string; 
     name: string; 
     description: string; 
     slug: string; 
     value: number; 
    }[]; 
} 

そして、ここに私のコードです：私は取得していますエラーがあり、それはincompatible with undefinedを言うので

// @flow 
// @jsx h 
import { h, Component } from 'preact'; 

// Components 
import Level from '../components/Level'; 

type Props = { 
    levels: Array<{ 
    image: string, 
    name: string, 
    description: string, 
    slug: string, 
    value: number, 
    }> 
}; 

type State = {} 

class Levels extends Component<Props, State> { 
    onclick =() => { /* ... */ } 

    render({ levels }: Props) { 
        ^^^^^ <-- Error here 
    return (
     <div> 
     <ul> 
      {levels.map(level => <Level {...level} />)} 
     </ul> 
     </div> 
    ); 
    } 
} 

export default Levels; 

エラーメッセージが少し混乱しています。私は小道具を定義した。

私は間違っていますか？そう...

class Levels extends Component<Props> { 
    onclick =() => { /* ... */ } 

    render(props: Props | void) { 
    return (
     <div> 
     <ul> 
      {props && props.levels.map(level => <Level {...level} />)} 
     </ul> 
     </div> 
    ); 
    } 
} 

のように修正された

Answer 1

マニュアルから、次のページには、理由を説明する：https://flow.org/en/docs/types/arrays/#toc-array-access-is-unsafe

私が使用することができませんでした：フローはlevelsがnullになる可能性があることを訴えたのでrender({ levels }: Props | void)。 propsを使うほうが簡単でした。