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

时间:2019-11-24 10:39:25

标签: reactjs redux react-redux

如问题中所述,例如,我的商店中有多个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的每个组件中吗?性能会受到任何影响吗?

1 个答案:

答案 0 :(得分:5)

  

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

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

  

性能会受到任何影响吗?

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