React-redux：提交后表单自动清除

Question

我对 react-redux 和 redux-saga 有问题。当我通过调度操作提交用户名和密码时，它总是清除表单。谁能知道是什么问题？

export default function SignInPage() {
    const dispatch = useDispatch();
    const [loading, setLoading] = useState(false);
    const onFinish = (user) => {
        setLoading(true);
        userLogin({
            username: user?.username,
            password: encrypt(user?.password),
        })
            .then((res) => {
                dispatch(
                    loginRequest({
                        username: user?.username,
                        password: encrypt(user?.password),
                        remember: user.remember,
                        authSessionKey: res.authSessionKey,
                    })
                );
            })
            .catch((err) => {
                console.log(err);
            });
    };

    return (
        <Form
            layout="vertical"
            onFinish={onFinish}
        >
            <div className="auth__main__form__lable">Email</div>
            <Form.Item
                name="username"
                rules={[{ required: true, message: "Please input your Email!" }]}
            >
                <Input className="username__input" />
            </Form.Item>
            <div className="auth__main__form__lable">Password</div>
            <Form.Item
                name="password"
                rules={[
                    { required: true, message: "Please input your Password!" },
                ]}
            >
                <Input type="password" className="password__input" />
            </Form.Item>
            <Form.Item>
                <Button
                    loading={loading}
                    style={{ width: "100%" }}
                    htmlType="submit"
                >
                    Log In
                </Button>
            </Form.Item>
        </Form>
    );
}

我发现了一些类似的问题，但他们只是询问如何清除表格。但是我的表格是自动清除的