formData

fromData 인터페이스는 form 필드와 그 값을 나타내는 일련의 key/value 쌍을 쉽게 생성할 수 있는 방법을 제공합니다. 또한 XMLHttpRequest.send() 메서드를 사용하여 쉽게 전송할 수 있습니다. 인코딩 타입이 "multipart/form-data"로 설정된 경우, form에서 사용하는 것과 동일한 포맷을 사용해야 합니다.

간단한 GET 전송을 사용하는 경우에는 <form>이 수행하는 방식으로 쿼리 매개 변수를 생성할 수 있습니다. 이 경우 URLSearchParams 생성자에 직접 전달할 수 있습니다.

서버에 post 를 보내게 될때 ,
text 가 아니라 file 를 업로드하는 경우가 있을수도 있습니다.
그때 formData 를 사용하면 된다.

  handlePost(){
    const formData = new FormData();
    formData.append('file', this.File);

    return axios.post("/api/File", formData).then(res => {
      alert('성공')
    }).catch(err => {
      alert('실패')
    })
  }

<button type="button" onClick={this.handlePost()}/>

이런식으로 업로드를 하면 되며
확인은 console.log(); 로 하게 될때 빈값이 출력이된다.

formData.entries();

formData 로 console.log를 찍으면 콘솔이 보이지 않는데
formData.entries(); 로 확인이 가능하다.

var formData = new FormData();
formData.append('key1', 'value1');
formData.append('key2', 'value2');

// Display the key/value pairs
for(var pair of formData.entries()) {
   console.log(pair[0]+ ', '+ pair[1]); 
}