提交表单后,Redux 状态会自行擦除

时间:2021-03-31 21:51:32

标签: javascript reactjs redux react-redux

为了简化,我有一个带有按钮的表单。

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 减速器中唯一的功能,但这是唯一一个表现得像那样的功能。其他工作完美

0 个答案:

没有答案