Блог

Главная - Вопросы по программированию - formik предотвращает значения по умолчанию, когда мы возвращаемся на страницу

formik предотвращает значения по умолчанию, когда мы возвращаемся на страницу

#javascript #reactjs #formik

Вопрос:

Я использую formik с полями флажков, при выборе он выдает идентификаторы, и следующая страница отображается, но когда я возвращаюсь на страницу, отмеченные поля возвращаются к значениям по умолчанию, т. е. пусты. Как я могу это предотвратить?

 <Formik
                initialValues={{
                    pocList: "",
                }}
                onSubmit={onSubmit}
            >
                {({ handleSubmit, setFieldValue }) => {
                    formRef.current = { handleSubmit, setFieldValue };
                    return (
                        <Form style={{ width: "100%", marginTop: 10, marginBottom: 50 }}>
                            <FormItem>
                                {filteredPocList?.map(item => {
                                    return (
                                        <Field
                                            key={item.id}
                                            as={PocCard}
                                            type="checkbox"
                                            name="pocList"
                                            value={item.id}
                                            username={item.name}
                                            email={item.email}
                                        />
                                    );
                                })}
                            </FormItem>
                        </Form>
                    );
                }}
            </Formik>

Комментарии:

1. Я не слишком хорошо знаком с Формиком, но согласно этой документации ( formik.org/docs/examples/checkboxes ) вам также нужно передать массив для проверенных значений вместе с объектом initialValues, например: { pocList:»», проверено: [] }

Метки: ,