如问题中所述,例如,我的商店中有多个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
的每个组件中吗?性能会受到任何影响吗?
答案 0 :(得分:5)
可以将商店中的每个单一状态都放入 即使不需要使用mapStateToProps到每个组件 他们吗?
这将导致不必要的重新渲染。因此,如果不需要使用它们,则不要将它们放在mapStateToProps
中。
性能会受到任何影响吗?
是的,您不希望不必要的重新渲染。