在Redux中,action creator是一个函数,用于创建和返回一个action对象。要将action creator传递给store.dispatch,可以使用bindActionCreators或手动调用dispatch函数来实现。
示例代码:
import { bindActionCreators } from 'redux';
import { actionCreator } from './actions';
const mapDispatchToProps = (dispatch) => {
return bindActionCreators({ actionCreator }, dispatch);
};
// 在组件中使用
this.props.actionCreator(payload);
这样,通过调用this.props.actionCreator(payload),即可将action creator传递给store.dispatch,并触发相应的action。
示例代码:
import { actionCreator } from './actions';
const mapDispatchToProps = (dispatch) => {
return {
dispatchAction: (payload) => dispatch(actionCreator(payload))
};
};
// 在组件中使用
this.props.dispatchAction(payload);
这样,通过调用this.props.dispatchAction(payload),即可手动将action creator的返回值传递给store.dispatch,实现分派相应的action。
总结: 无论是使用bindActionCreators方法还是手动调用dispatch函数,目的都是将action creator与store.dispatch绑定在一起,以便在组件中触发相应的action。
领取专属 10元无门槛券
手把手带您无忧上云