이 튜토리얼에서는 반응 클래스 기반 구성 요소를 사용하고 반응의 기본 사항을 알고 있다고 가정합니다.

나는 당신을 보여주기 위해 양식을 만들고 이제 코드는 다음과 같습니다

이제 논리적 부분을 시작하십시오.

1) 이러한 입력 필드에 대한 상태 적합성을 생성하고 입력 요소에 다시 연결합니다.

이와 같이 국유권을 생성

생성자(소품) {

슈퍼 (소품)

이 .상태 = {

// 당신에게 상태 토끼를 씁니다.

};};

이제 그것들을 분해하고 다음과 같이 render 메소드에 값을 할당하십시오.

2) 입력 값의 변화를 추적하기 위해 on change 핸들러를 추가합니다.

입력 값이 변경되면 changeHandler 함수가 호출됩니다.

상태 값 설정

다음과 같이 기능을 구현하십시오.

3) 이제 제출 핸들러를 사용하여 이 양식 데이터를 제출하십시오.

이를 위해 양식에 제출 버튼을 만듭니다.

다음과 같이 submitHnadler로 양식 제출 데이터를 처리하십시오.

이제 submitHnadler를 구현하고 submitHandler에서 페이지 새로 고침을 피하기 위해 "e.preventDefault()" 줄을 작성해야 합니다.

이제 데이터를 데이터베이스로 보내거나 로컬 저장소에 저장할 수 있는 것처럼 데이터로 무엇이든 할 수 있습니다.

4) axios로 데이터베이스에 데이터 보내기

"이에 의해 먼저 수입 Axios의 'Axios의'에서 수입 Axios의 "

이제 submitHandler에서 다음과 같이 게시 요청을 합니다.

읽어주셔서 감사합니다. React 여정에 도움이 되기를 바랍니다 🎉