如何更改函数内的路由 url?
How can I change the routing url within a function?
我在 React 项目中使用 formik,我想更改路由。
这是表单代码:
const onSubmit = (values) => {
props.test(values);
history.replaceState('/result');
};
return (
<div className="container mt-5">
<Formik initialValues={initialValues} validationSchema={validationSchema} onSubmit={onSubmit}>
<Form>
<p className="p-0 m-0 pr-1">Name</p>
<Field className="ml-3 field" name="name" placeholder="Name" />
<p className="p-0 m-0 pr-3">Age</p>
<Field className="ml-4 field" name="age" placeholder="Age" />
<p className="p-0 m-0">Height</p>
<Field className="ml-3 field" name="height" placeholder="Height in meters" />
<p className="p-0 m-0">Weight</p>
<Field className="ml-3 field" name="weight" placeholder="Weight in kilograms" />
<button className="submit mt-3" type="submit">
Submit
</button>
</Form>
</Formik>
当我单击提交按钮时,我想 url 进行更改,但我却收到错误消息:
Unexpected use of 'history' no-restricted-globals
如何更改 onSubmit 函数中的 url?
我用这段代码修复了它:
props.history.push('/result');
我在 React 项目中使用 formik,我想更改路由。 这是表单代码:
const onSubmit = (values) => {
props.test(values);
history.replaceState('/result');
};
return (
<div className="container mt-5">
<Formik initialValues={initialValues} validationSchema={validationSchema} onSubmit={onSubmit}>
<Form>
<p className="p-0 m-0 pr-1">Name</p>
<Field className="ml-3 field" name="name" placeholder="Name" />
<p className="p-0 m-0 pr-3">Age</p>
<Field className="ml-4 field" name="age" placeholder="Age" />
<p className="p-0 m-0">Height</p>
<Field className="ml-3 field" name="height" placeholder="Height in meters" />
<p className="p-0 m-0">Weight</p>
<Field className="ml-3 field" name="weight" placeholder="Weight in kilograms" />
<button className="submit mt-3" type="submit">
Submit
</button>
</Form>
</Formik>
当我单击提交按钮时,我想 url 进行更改,但我却收到错误消息:
Unexpected use of 'history' no-restricted-globals
如何更改 onSubmit 函数中的 url?
我用这段代码修复了它:
props.history.push('/result');