React Redux-将每个状态都投入到我的组件中可以吗？

Question

如问题中所述，假设我有一个带有多个reducer的商店（> 10个Redux状态）。

通常，在组件中，每当我们要从商店访问特定状态时，我们都会执行以下操作：

//only 3 needed states
const mapStateToProps = state => ({
    prop1: state.ReducerOne.prop1,
    prop2: state.ReducerOne.prop2,
    prop3: state.ReducerTwo.prop1,
});

export default connect(mapStateToProps)(MyComponent)

但是，我们只会抛出使组件起作用所需的状态。

mapStateToProps即使不需要使用它们，也可以将商店中的每个单一状态都放入每个组件中吗？性能会受到任何影响吗？

Answer 1

即使不需要使用它们，也可以将商店中的每个单一状态都放入mapStateToProps到每个组件中吗？

这将导致不必要的重新渲染。因此，如果您不需要使用它们，则不要将它们放入中mapStateToProps。

性能会受到任何影响吗？

是的，您不希望不必要的重新渲染。