현재 버전

react에서 form은 보통 controlled components로 관리합니다. 그러므로 form의 전체 값은 별도의 상태 값으로 관리되고 이 값을 axios에 전달하여 사용하는게 일반적인 방식입니다. jQuery에서 사용하던 id를 찾아서 값을 얻는 방식은 사용하지 않습니다.

요즘 트렌드를 조금 조합한 예제를 하나 소개해드리면 다음과 같습니다. react, yup, formik, axios를 이용한 방식입니다. 참조하시면 도움이 될꺼 같습니다.

https://codesandbox.io/s/formik-214-typescript-github-crsnh


https://ko.reactjs.org/docs/forms.html

https://formik.org/

https://github.com/axios/axios#axios-api

https://github.com/jquense/yup


수정 이력

2021-02-05 20:04:20 에 아래 내용에서 변경 됨 #1

react에서 form은 보통 controlled components로 관리합니다. 그러므로 form의 전체 값은 별도의 상태 값으로 관리되고 이 값을 axios에 전달하여 사용하는게 일반적인 방식입니다. jQuery에서 사용하던 id를 찾아서 값을 얻는 방식은 사용하지 않습니다.

요즘 트렌드를 조금 조합한 예제를 하나 소개해드리면 다음과 같습니다. react, yup, formik, axios를 이용한 방식입니다. 참조하시면 도움이 될꺼 같습니다.

https://codesandbox.io/s/formik-214-typescript-github-crsnh


https://formik.org/

https://github.com/axios/axios#axios-api

https://github.com/jquense/yup