フロータイプは、誤って、私は

Question

を考えてみましょうrenderメソッドでコンポーネントに小道具を渡していると考え、以下：

property 'to'
Property not found in props of React element 'Page404'

なぜ私は「だと思う流れない：

render(): ?React.Element<*> { 
    if (this.state.error) { 
    if (redirect) return <Redirect to={redirect} />; 
    return <Page404 />; 
    } 
    ... 
} 

流れは私にエラーを与えています渡しPage404to小道？どうすれば修正できますか？

Answer 1

?React.Element<*>を返すので、Flowは*を、すべての可能な戻り値を満たすいくつかの型パラメータに置き換えなければなりません。この場合、そのタイプのパラメータの1つはPropsです - したがって、Page404とRedirectの両方に一致するタイプを見つける必要があります。一致するPropがないため、Flowはこれを実行できません。

単純な解決方法は、戻り値の型を?React.Element<any>に変更することです。呼び出し元は、特定の要素が何であるかを気にすることはめったにないので、実際にはReact要素が必要なだけで、この場合はanyを使用して安全性を失うことはありません。