API 응답을 Formik 형식으로 작성하는 방법은 무엇입니까?

Question

Formik에 API 응답을 작성하는 방법은 무엇입니까? 내 양식과 정확히 일치하는 데이터를 수신하는 API가 있습니다. 여러 setFieldValue 행을 사용하는 대신 전체 응답을 한 번에 작성하려면 어떻게 해야 합니까?

const form = useFormik({
        초기값: {
          이름: "",
          로그인: "",
          에 대한: {
            나이: "",
            순위: {
              은: 사실,
              금: 거짓,
              글로벌: 거짓
            }
          }
        }
      }); // 내 초기 양식

  const {
    가치,
    핸들변경,
    세트필드값,
  } = 양식;

useEffect(() => {
    if (!isEmpty(projectData)) {
      Object?.keys(projectData)?.map((item: any, idx: number) => {
        const 키: 임의 = Object.keys(item).at(-1);
        setFieldValue(키, 항목[키]);
      });
    }
  }, [projectData]) // API 응답 설정

Answer 1

Formik이 값이 변경될 때 업데이트할 수 있도록 하려면 enableReinitialize를 설정해야 합니다.

으아악

한 번에 useEffect에서 직접 값을 설정할 수도 있습니다.

으아악

Answer 2

API에서 받은 데이터의 구조가 폼의 구조와 일치하면 setValues 메소드를 사용하여 전체 상태를 한 번에 설정할 수 있습니다.

API 응답의 데이터 구조(projectData）与您的initialValues의 구조가 일치하는지 확인하세요.

모든 값을 한 번에 업데이트하려면 setValues 메소드를 사용하세요.

으아악