为了简化,我有一个带有按钮的表单。
showInputs = () => {
this.setState({changeForm:!this.state.changeForm});
}
reservationHandler = (event) => {
event.preventDefault();
this.showInputs();
this.props.saveFormPart(this.state.reservationForm);
}
<form className="form" onSubmit={event => this.reservationHandler(event)}>
{this.state.changeForm?<button type="submit" className="save">Save</button>:<button type="submit">Edit</button>}
</form>
没什么了不起的。但是,当我单击按钮时,我的 redux 状态会完全自行清除。
页面没有重新加载,我不希望它重新加载。
export const saveFormPart = (formPart) => {
return {
type: actionTypes.SAVE_SOME_DATA,
formPart: formPart
};
}
const saveFormPart = (state, action) => {
console.log(state.formData);
console.log(action.formPart);
};
我不知道为什么会发生这种情况,因为这是该代码第一次出现这种情况。我在堆栈上看到的其他解决方案并没有帮助,这就是我寻求帮助的原因。有什么想法吗?
编辑:这不是我的 redux 减速器中唯一的功能,但这是唯一一个表现得像那样的功能。其他工作完美