react form 에러

BackEnd_Ash.log·2020년 6월 3일
0

react

목록 보기
8/41

리액트에서 back 단에 post 할려고 하는데 에러가 발생했다.

ConnectionResetError: [Errno 54] Connection reset by peer

위에는 에러 내용인데 검색해보니 아래와같은 검색결과가 나왔다.
https://fors.tistory.com/554

<form> 
....
<button type="submit" ....></button>
</form>

버튼이 form 태그안에 있어서 그렇다고 한다 .
그래서 button 을 form 태그 밖으로 빼면 에러가 사라지게 된다.

그러면 . 어떻게 state 를 초기 화 시키지 ??

this.setState 로 다시 초기화 시키면 된다.

ex ) 
    axios
      .post("경로", formData)
      .then((res) => {
        console.log(res);
      })
      .catch((err) => {
        console.log(err);
      })
      .finally(() => {
        console.log("axios 가 실행됬습니다.");
        this.setState({
          title: "",
          content: "",
          nick_name: "",
        });
      });

e.preventDefault();

상단에 이코드를 추가하고 다시 form 태그안에 넣게되면 에러가 발생하지 않게 된다.

uploadClick = (e) => {
    e.preventDefault();
    const formData = new FormData();
    formData.append("file", this.state.name);
    ...
profile
꾸준함이란 ... ?

0개의 댓글