React Redx Flowtype「プロパティが見つかりません」reduxからプロパティを取得するReact要素connect

Question

react-redux connect関数（デコレータ）を使用してプロパティを設定するReactコンポーネントがあります。 JSXでこのコンポーネントを参照する場合、flowtypeは「プロパティは、要素を反応させるのでは...の小道具が見つからない」文句

type SidebarCmpProps = { 
    activeSidebarComponent: string, 
    actions: { openCallMember:() => void } 
} 

@connect(
    (state) => { 
    return { activeSidebarComponent: state.sidebar.activeSidebarComponent } 
    }, 
    (dispatch) => ({ actions: bindActionCreators({ openCallMember }, dispatch) }) 
) 
class Sidebar extends React.Component { 
    props: SidebarCmpProps 
    static propTypes = { 
    actions: React.PropTypes.object.isRequired, 
    activeSidebarComponent: React.PropTypes.string 
    } 
} 

正確なエラーは次のとおりです。

 
65:   
      ^^^^^^^^^^^ React element `Sidebar` 
56: props: SidebarCmpProps 
       ^^^^^^^^^^^^^^^ property `actions`. Property not found in... 
65:   
      ^^^^^^^^^^^ props of React element `Sidebar` 

は私が持っていたエラーを回避するにはanyの労働組合の種類にプロパティを変更し、理想的な

type SidebarCmpProps = { 
    activeSidebarComponent: any | string, 
    actions: any | { openCallMember:() => void } 
} 
class Sidebar extends React.Component { 
    static defaultProps: SidebarCmpProps = { 
    actions: null, 
    activeSidebarComponent: null 
    } 
} 

未満のdefaultPropsを、追加しますより良い解決策はありますか？

Answer 1

あなたは、コンポーネントの両方が、オプションの小道具、あなたがそうのようにそれらを定義する必要がありますようにしたい場合：また

type SidebarCmpProps = { 
    activeSidebarComponent?: string, 
    actions?: { openCallMember:() => void } 
} 

、私はそれがのリアクトpropTypesとflowtypeの両方を提供することをお勧めしますかどうかわからないんだけど。それは論理の重複ですね。

Answer 2

ちょうどactiveSidebarComponent小道具を@connectに設定しており、アクションが必要な小道具actions: React.PropTypes.object.isRequiredと宣言されているため、property 'actions'. Property not found inエラーが発生しています。

したがって、actionsのデフォルト値を設定して、その制限を適用または削除する必要があります。