@Elenalafjfeojewv

Как мне ввести положительное целое число в форме Formik?

Вот у меня есть такой файл 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."]}]

Ну вот не понимаю как это решить, помогите пожалуйста.

Надеюсь на скорую помощь.
Спасибо
  • Вопрос задан
  • 61 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы