再選択 - セレクタで定義されていない小道具

Question

私はセレクタを持つコンテナを1つ持っており、他のセレクタを持つ別のコンテナをレンダリングします。

問題点は、2番目の小道具は定義されておらず、すべてが壊れていることです。ここ

は（小道具が第2のセレクタで定義されていない）のコードは次のとおり小道具が未定義復帰

selectProductsState。

ワンセレクター：

const selectProductsState =() => ({ products }, props) => { return { products, props } }; 

const getCurrentProductFromParams =() => createSelector(
    selectProductsState(), 
    getProductsItems(), 
    ({ props }, items) => { 
    const id = extractId(props.params); 

    return items[id]; 
    } 
); 

ProductContainer：

class ProductPage extends React.Component { 

    render() { 
     return (<OtherContainer />) 
    } 
} 

const mapStateToProps = createStructuredSelector({ 
    hasLoadingErrors: getHasLoadingErrors(), 
    productNotFound: getProductNotFound(), 
    product: getProduct(), 
    getCurrentProductFromParams 
}); 

別の容器は、彼自身のセレクタを持っています。

どうすれば修正できますか？あなたは結果関数のparams（{ props }）にundefinedオブジェクトからpropsプロパティを抽出しようとするので、それはおそらく壊れる

おかげ

Answer 1

問題がProductPageコンテナにreact-routerから渡されたparams小道具とありました。はい

class ProductPage extends React.Component { 
    render() { 
     return (<OtherContainer params={this.props.params} />) 
    } 
} 

const mapStateToProps = createStructuredSelector({ 
    hasLoadingErrors: getHasLoadingErrors(), 
    productNotFound: getProductNotFound(), 
    product: getProduct(), 
    getCurrentProductFromParams 
}); 

Answer 2

。

selectProductsStateから未定義の受信を受け入れることができれば、結果の関数を単純に書き直して、大文字小文字を考慮する必要があります。例：

(productsState, items) => { 
    if(productsState === undefined){ 
     return undefined; 
    } 
    const id = extractId(productsState.props.params); 
    return items[id]; 
}