2017-06-22 88 views
2

我想了解react-redux的連接方法以及它作爲參數所需的功能。特別是mapStateToProps。在react-redux中瞭解mapStateToProps

我理解它的方式,mapStateToProps的返回值將是一個從狀態派生的對象,其鍵將作爲道具傳遞給目標組件。

這意味着您的目標組件所消耗的狀態與存儲在您的商店中的狀態可能會有非常不同的結構。

這是預期嗎?

+1

是的,它是選擇器。 U可以將商店狀態作爲組件道具的一部分,或者可以將商店狀態轉換爲其他結構,或者甚至可以在商店狀態上進行計算/聚合並將其映射到組件道具 –

+1

謝謝。保持它 – rawatHemant

+0

是不是這個確切的問題(其實是一個副本粘貼)https://stackoverflow.com/questions/38202572/understanding-react-redux-and-mapstatetoprops –

回答

0

你的理解是正確的。還原態與反應完全分離。要使用它們,必須使用connect lib將狀態傳遞給mapStateToProps函數,然後將返回的道具傳遞給反應組件。通過這種方式,可以將全局狀態存儲在redux中,而您也可以在反應cus中使用本地狀態。某些狀態不會由組件共享,因此在組件內部管理它們更容易。然後,你可以像他們的網站所建議的那樣構造出很好的結構:http://redux.js.org/docs/recipes/reducers/NormalizingStateShape.html