리액트에서 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: "",
});
});
상단에 이코드를 추가하고 다시 form 태그안에 넣게되면 에러가 발생하지 않게 된다.
uploadClick = (e) => {
e.preventDefault();
const formData = new FormData();
formData.append("file", this.state.name);
...