如何在表单中设置计数器，并使用reactjs、formik和axios在数据库中添加数据

我是新来的 我在表格中放置了一个计数器，但在将计数器结果与表格结果一起放入数据库时遇到了问题 我使用我的Api mongodb和spring引导

计数函数

export default function Index(props)  {
    /* Server State Handling */

    const [count, setCount] = useState(0);
    const [delay, setDelay] = useState(1000);

    useInterval(() => setCount((c) => c + 1), delay);

    useEffect(() => {
        if (delay === null) alert(`Count ${count}`);
    }, [count, delay]);

    function useInterval(callback, delay) {
        const savedCallback = useRef();

        useEffect(() => {
            savedCallback.current = callback;
        });

        useEffect(() => {
            let id;
            if (delay) {
                id = setInterval(savedCallback.current, delay);
            }
            return () => clearInterval(id);
        }, [delay]);
    }
const [serverState, setServerState] = useState();
    const handleServerResponse = (ok, msg) => {
        setServerState({ok, msg});
    };

提交数据的功能

    const handleOnSubmit = (values, actions) => {
        axios.post( "/consultations", values,
        )
            .then(response => {
                props.history.push("/listcons");
                actions.setSubmitting(false);
                actions.resetForm();
                handleServerResponse(true, "Thanks!");

                alert("Consultation enregister avec succer");

            })
            .catch(error => {
                actions.setSubmitting(false);
                handleServerResponse(false, error.response.data.error);
            });

我的表格上有柜台

当我在数据库中提交表单时，这里有个问题。计数值总是0（初始值）。我如何解决这个问题？我的代码有什么问题

return (
        <div className="container ">
            <div className="card-body bg-white">
            <Formik
                initialValues={{count:0,titre: ""}}
                onSubmit={handleOnSubmit}
                validationSchema={formSchema}
            >
                {({ isSubmitting }) => (

                    <Form id="fs-frm" noValidate >
   <div style={{textAlign: 'center'}}>
                            <h3>Count</h3>
                            <h2> {count}</h2>
                        </div>
                        <div className="form-group" >
                        <label htmlFor="titre">Titre</label>
                        <Field id="titre" name="titre" className="form-control" />
                        <ErrorMessage name="titre" className="errorMsg" component="p" />
                        </div>
                        <Card.Footer style={{ "textAlign": "right" }}>
                        <button type="submit" className="btn btn-primary"  disabled={isSubmitting}>
                            Submit
                        </button>
                            </Card.Footer>
                        {serverState && (
                            <p className={!serverState.ok ? "errorMsg" : ""}>
                                {serverState.msg}
                            </p>
                        )}
                    </Form>
                )}
            </Formik>
        </div>
        </div>
    );
};

返回(
{（{isSubmitting}）=>(
计数
{count}
乳头
提交
{serverState&&(

{serverState.msg}

)}
)}
);
};

@Shervin Ivari这个问题是我的问题，我想有人回答我，我正在找人回答我،我把它放在过去的时间里，但找不到任何人回答。Shervin Ivari这个问题是我的问题我想有人回答我，我正在找人回答我،我把它放在过去的时间里，我找不到任何人来回答它