При нажатии кнопки моё избыточное действие отправляется дважды. Я перепробовал много возможных способов, но все еще не нашел решения.
В компоненте:
<button type="button" onClick={this.props.submitRequest} className="btn btn-primary btn-md" style={{flexBasis:'100%'}}>Send Request</button>
const mapDispatchToProps = dispatch => ({
submitRequest: (payload) => dispatch(actions.submitRequest(payload)),
});
export default connect(
mapStateToProps,
mapDispatchToProps
)(Pop);
В действиях:
export const submitRequest = (payload) => ({
type: 'REQUEST',
payload
});
В саге:
export function* request() {
console.log('saga start')
}
export default function* rootsaga() {
yield takeEvery('REQUEST', request);
}
Каждый раз, когда я получаю сообщение 'saga start' дважды на моей консоли.