츄라이츄라이
293
2021-02-05 18:53:35
1
304

Axios form 데이터 전송 질문


이번에 리액트 공부하게 되었는데요

제가 제이쿼리 썻을때 ajax 로 form 전송한다고 하면

Form id 값가져와서 배열로[0] 가져온다름에

Formdata 여기 안에다 담아서 

한번에 보냇는데

Axios 데이터는 form 데이터 보낼때

Append 시켜서 하나씩 집어 넣은 다음 보내는데

Ajax 처럼 한번에 인식해서 보내는 방법 있나요?

0
  • 답변 1

  • 킁킁탐정
    844
    2021-02-05 20:00:38 작성 2021-02-05 20:04:20 수정됨

    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

  • 로그인을 하시면 답변을 등록할 수 있습니다.