reactjs - 如何使用从一个组件的 reducer 到另一个组件的状态

Question

这是我的项目结构

src
 - Module1
     -action
     -components
     -reducer
- Module2
     -action
     -components
     -reducer

可以在Module2的组件中使用Modules1的reducer state而不用再写整个流程吗？

标签： reactjsreduxcomponentsstate

Answer 1

是的你可以。如果您的 redux 配置正确，connect 功能允许您使用所有模块的状态或操作。

const mapStateToProps = (state: any) => ({
  state1: state.module1.state1,
  state2: state.module2.state2,
});
const mapDispatchToProps = (dispatch) => ({
  action1: dispatch.module1.action1,
  action2: dispatch.module2.action2,
});

export default connect(mapStateToProps , mapDispatchToProps)(component);