javascript - 当一个组件只需要派发一个 action creator 时应该使用什么模式？

Question

我有一个组件不需要访问全局状态，但确实需要分派(dispatch)一个 Action 创建者。

似乎有两种选择:

• 使用 react-redux connect() 并通过 mapStateToProps 传递全局状态并通过 mapDispatchToProps 传递我的 action creator - 据我所知，传递全局状态虽然这不是个好主意
• 不使用 react-redux connect() 而是使用 this.props.dispatch 代替

还有其他选择吗？

Answer 1

您可以只传递 null，而不是 mapStateToProps 函数。

实现目标的方法有:

1.只注入(inject)dispatch函数，不监听store

export default connect()(Component);

然后在组件中

this.props.dispatch(actionCreator());

---

2.注入(inject)actions creators并且不听store

import * as actionCreators from './actionCreators'

export default connect(null, actionCreators)(Component);

然后在组件中

this.props.actionCreator();

---

顺便说一句，你永远不应该传递全局状态。它会扼杀任何性能优化，因为组件会在每次操作后重新呈现。