組件渲染機制在Redux中如何工作

Question

在React中，組件的屬性/狀態改變時會重新渲染。

每當調度動作時，redux如何知道（計算）要渲染/重新渲染的特定組件（DOM）？

Answer 1

假設您正在使用react-redux ，那么connect高階組件將訂閱商店中的更改，然后將商店的狀態傳遞到您編寫的mapStateToProps函數中，然后將結果作為道具傳遞到組件中。 從那里，道具的改變導致標准的反應生命周期。

Answer 2

在React中，當props / state更新時，組件將重新渲染。 因此，除非您將redux狀態作為道具傳遞給組件，否則觸發操作將不會更新任何組件。

動作-> reducer（在reducer中更新一些狀態）->現在狀態已更新->組件檢查prop（來自redux）是否已更新->是->重新渲染組件。