React-Redux：mapStateToPropsは個々のプロパティでは更新されませんが、状態/ストア全体をマップすると接続します

Question

特定のコンポーネントの状態をpropsにマップすると、状態が変更されても個々のプロンプトは更新されないようです。状態をコンポーネントにマップすると、（状態が変更されたため）必要な動作が得られます。下記参照。

const Dashboard = ({ state, justMarkets, justItems }) => { 
    console.log('state', state); 
    console.log('state markets', state.markets); 
    console.log('just markets', justMarkets); 

    console.log('state items', state.items); 
    console.log('justItems', justItems) 
    const markets = state.markets, 
     items = state.items; 
    return (
    <div> 
     { 
     markets 
      .filter(market => market.hasItems) 
      .map(market => { 
       const { 
        marketname: name, 
        id, 
        Products, 
        Address, 
        GoogleLink 
       } = market; 

       return (
        <div className="market" key={id}> 
         <div> 
         <h1>{name}</h1> 
         <h2>{Address}</h2> 
         <a href={GoogleLink} target="_blank">View in Google Maps</a> 
         </div> 
         <Items items={items} products={Products} /> 
        </div> 
       ); 
      }) 
     } 
     </div> 
    ); 
}; 

const mapStateToProps = state => ({ 
    state, 
    justMarkets: state.markets, 
    justItems: state.items 
}); 
export default connect(mapStateToProps, null)(Dashboard); 

あなたはこのimageが表示された場合は、状態が更新されたとき、私はstate.marketsとstate.itemsとコンポーネント内から更新された状態にアクセスできることがわかります。 mapStateToPropsに直接アクセスすることはできません（状態が更新された後はjustMarketsとjustItemsの両方が空のままです）。この問題についての洞察をお寄せいただければ幸いです！

Answer 1

それを実感してください！問題は実際に減速機にあった。それは

return Object.assign({}, state, action.propObj) 

ああ、意味論されている必要があるとき

return Object.assign(state, action.propObj) 

：減速機では、私のコードは次のように書かれていました。私はObject.assignが新しいオブジェクトを単独で返したと思ったが、ドキュメントを読んで最初の引数を返すことがわかった。

これは本質的に古典的な変更のバグでした。私は状態オブジェクトのプロパティを上書きし、更新されたプロパティで前の状態を返していました。変更を浅くチェックし、状態オブジェクトへのポインタが変更されていないので、私の状態の更新はmapStateToPropsに登録されていませんでしたが、私のコンポーネントの状態からプロパティに直接アクセスできます。