ส่งเครื่องมือจัดการ,ตอบโต้ Axios:โพสต์แล้วไปอยู่ในเครื่องมือจัดการเดียวกัน

Question 1

ฉันกำลังพยายามสร้างเว็บโปรแกร uploads แฟ้มและติดปัจจุบันของผู้ใช้ต้องแฟ้มนางแบบที่ต่างประเทศกุญแจ สำหรับบางเหตุผลที่ได้คือคำขอของถูกเช็ดแต่มันในตอนแรกได้คนต้องการข้อมูล

  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);
    })  
    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))
  };

หน่วยที่ 1 ก็คอนโซลคือกลับมาสอบข้อมูลของผู้ใช้แต่ 2 คอนโซลจะได้ค่าโพรโทคอล aimcomment. ที่เขาแนะนำให้ผูกผ้ากันเปื้อนจะเป็นจริงเกียรติอย่างยิ่ง

Question 2

ของคุณ then แถลงการณ์หลังจากดั้งเดิม get จอยู่ในสาย 11 และที่เหลือของรหัสของคุณอยู่ข้างนอกนั่น.

กับ asynchronous รหัสรหัสออกไปข้างนอก then บล็อกจะยังคงวิ่งหนีในขณะที่มันกำลังรออยู่สำหรับการตอบสนอง,ดังนั้น this.state.creator จะไม่ถูกเปิดเลย แล้วมันจะกลับไปที่รหัสใน then บล็อกเมื่อสัญญา resolves.

คุณต้องการที่จะย้ายทั้งหมดของที่สองบล็อกของรหัสใน 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));
    });
};

Mario Petrovic · Answer 1 · 2021-11-24T00:46:59

ของคุณ then แถลงการณ์หลังจากดั้งเดิม get จอยู่ในสาย 11 และที่เหลือของรหัสของคุณอยู่ข้างนอกนั่น.

กับ asynchronous รหัสรหัสออกไปข้างนอก then บล็อกจะยังคงวิ่งหนีในขณะที่มันกำลังรออยู่สำหรับการตอบสนอง,ดังนั้น this.state.creator จะไม่ถูกเปิดเลย แล้วมันจะกลับไปที่รหัสใน then บล็อกเมื่อสัญญา resolves.

คุณต้องการที่จะย้ายทั้งหมดของที่สองบล็อกของรหัสใน 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));
    });
};

ส่งเครื่องมือจัดการ,ตอบโต้ Axios:โพสต์แล้วไปอยู่ในเครื่องมือจัดการเดียวกัน

คำถาม

คำตอบที่ดีที่สุด

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่