Вот у меня есть такой файл FormikForm.js:
const FormikForm = () => {
const jobsGroup = { due_dates: "", priority: "", machine: "" };
return (
<Container sx={{ bgcolor: "#87c1ff4d", paddingY: 3, marginTop: 5 }}>
...........
<CardContent sx={{ paddingY: 10, paddingX: 5 }}>
<Formik
initialValues={{
name_job: "",
description: "",
explanation: [jobsGroup],
}}
onSubmit={async (values, actions) => {
console.log("values", values)
try {
await axios ({
method: 'post',
url: 'http://localhost:8000/lalala/',
data: values
});
actions.resetForm(); //обнуляем значение полей формы
} catch (error) {
console.log(error.message);
}
}}
>
{({ values }) => (
<FormStepper>
............
<FieldArray name="explanation">
{({ push, remove }) => (
<Grid container spacing={2} sx={{ marginTop: 2, paddingX: 2 }}>
{values.explanation.map((_, index) => (
<>
..........
<Grid item md={5}>
<PositiveIntegerField fullWidth name={`explanation.${index}.priority`} component={Input} type="number" inputProps={{ min: 1 }} label="Priority" defaultValue={1}
/>
.........
)}
))}{" "}
...........
)}
</FieldArray>
</FormStepper>
)}
</Formik>
</CardContent>
</Card>
</Container>
);
};
Ну вот значит так я реализовала форму, после заполнения которой данные отправляются на сервер, однако возникла проблема именно с этим положительным целым значением priority, я вот думаю - это значит, что оно не понимает, что является числом, потому что при вводе любого числа - одна и та же ошибка:
[{priority: ["A valid integer is required."]}]
Ну вот не понимаю как это решить, помогите пожалуйста.
Надеюсь на скорую помощь.
Спасибо