제출 처리기 날개로 연기 드리프트 같이하지만 반응시과 같은 처리

귀하의 then 문 후 원 get 끝에 선 11,및 나머지 부분의 코드입니다.

비동기 코드는,외부에서 코드의 then 블록 계속 실행되는 동안 그것의 응답을 기다리고 있는,그래서 this.state.creator 이 없었다는 아직 설정. 다음으로 돌아갑니다 내 코드 then 단한 약속을 확인합니다.

필요하신 모든 이동의 두번째 블록의 코드가 내부에 intial then 블록을 그래서 그것은 단지 한 번 실행되면 응답을 원 get 요청을 돌아왔다:

handleSubmit = (e) => {
  e.preventDefault();
  axios
    .get('http://127.0.0.1:8000/core/current_user/', {
      headers: {
        Authorization: `JWT ${localStorage.getItem('token')}`,
      },
    })
    .then((user) => {
      this.state.creator = user.data;
      console.log(this.state.creator);
      let form_data = new FormData();
      form_data.append('creator', this.state.creator);
      form_data.append('file', this.state.file);
      form_data.append('title', this.state.title);
      form_data.append('description', this.state.description);
      axios
        .post('http://localhost:8000/core/posts/', form_data, {
          headers: {
            'Content-Type': 'multipart/form-data',
            Authorization: `JWT ${localStorage.getItem('token')}`,
          },
        })
        .then((res) => {
          console.log(res.data);
        })
        .catch((err) => console.log(err));
    });
};