아무 버튼이나 클릭하면 Formik의 handlerSubmit 기능이 실행됩니다.

Question

formik을 이용하여 음식 주문 프로젝트에서 유효성 검증을 위한 체크폼을 구현하고 싶은데, 버튼이 2개 생성되는 문제에 부딪혔습니다. 어떤 버튼을 클릭하더라도 handlerSubmit이 호출됩니다. 이 문제를 어떻게 해결할 수 있나요?

goBack 함수는 상태를 false로 설정합니다.

으아아아 으아아아 으아아아

CloseButton이 양식을 닫고 주문 목록으로 돌아가기를 원하지만 props의 함수가 아닌 Formik 구성 요소에서 생성된 handlerSubmit만 호출합니다. 문서를 읽었지만 두 개의 버튼이 있는 formik을 만드는 것에 대해 언급된 내용이 없으며 내 질문과 관련이 있습니다.

Answer 1

props.goBack 中，你想引用组件的 props，但实际上使用的是 Formik 内部的 props（因为它是最近的 props 声明）。由于 Formik 的 props 上没有定义 goBack，所以你将 undefined 作为 onClick 핸들러가 버튼에 전달된 것 같습니다.

이 문제를 해결하는 가장 직접적인 방법은 props 변수 중 하나의 이름을 바꾸는 것입니다. Formik의 props 이름을 formikProps 또는 이와 유사한 이름으로 지정하는 것이 좋습니다.

제 생각에는 다음과 같이 소품을 해체하는 것이 더 나은 접근 방식입니다(두 경우 모두, 하나만 필요하지만).

으아악