Почему после клика на кнопку бесконечно вызывает экшн?

Question

[GaserV]

Такая ситуация. Нужно при клике на кнопку вызвать функцию которая в последствии вызовет диспатч. Но после клика - экшн срабатывает фиг знает сколько раз и все зависает. Почему?

//action
editRow = id => this.props.dispatch(editUser(id))

//jsx
	<Button onClick={e => this.editRow(row.id, e)}>
						<Icon type="edit" /> Edit row
					</Button>

Comments

[Антон Спирин]

Код editUser и reducer покажите.
И зачем вообще использовать dispatch в компонентах? Вы не используете connect из react-redux?

[GaserV]

Антон Спирин, connect используется.

[GaserV]

export function editRow(id) {
	return {
		type: ROW_EDIT,
		payload: { id },
	}
}

[Антон Спирин]

GaserV, тогда почему вы его не используете?

const mapDispatchToProps = {
  editUser,
};

connect(null, mapDispatchToProps)(Component);

Вы передаете в dispatch editUser, а не editRow

[GaserV]

Антон Спирин, нет же) Я использую mapStateToProps. editRow - ф-ция которая диспатчит экшн editUser.

[Антон Спирин]

GaserV, во-первых вам следует передавать AC через mapDispatchToProps, раз используете connect. Во-вторых вы диспатчите editUser, а скинули код editRow. Вы явно что-то перепутали.
Скиньте всесь свой код под спойлерами. AC, reducer и контейнер компонента.

[GaserV]

Антон Спирин, разобрался) Поблема была в сагах. Я с ними только накомился и по ошибки использовал один и тот же тайп для отправки запроса и для ответа.