javascript - 当axios发出post请求时会发生什么？

Question

我正在使用reactjs构建一个应用程序，并且我对axios有疑问。

我有一个 axios.post

然后我调用一个函数

this.props.onChangeStep1()

按照它的写法...我安全吗？ this.props.onChangeStep1() 会一直等待 res.data 满吗？

 onChangeHandler = event => {
    console.log(event.target.files[0]);

    this.setState(
      {
        selectedFile: event.target.files[0],
        fileName: event.target.files[0].name,
        loaded: 0
      },
      () => {
        console.log(this.state.selectedFile);
        console.log(this.state.loaded);
        const formData = new FormData();
        formData.append("file", this.state.selectedFile);

        axios
          .post(`/upload`, formData, {
            headers: {
              "Content-Type": "multipart/form-data"
            }
          })
          .then(res => {
            console.log(res);
            console.log(res.data);
          });

        this.props.onChangeStep1(); //<---- Will this wait for res.data ?
      }
    );

Answer 1

没有。它不会等待。你应该把它放入 .then:

 onChangeHandler = event => {
    console.log(event.target.files[0]);

    this.setState(
      {
        selectedFile: event.target.files[0],
        fileName: event.target.files[0].name,
        loaded: 0
      },
      () => {
        console.log(this.state.selectedFile);
        console.log(this.state.loaded);
        const formData = new FormData();
        formData.append("file", this.state.selectedFile);

        axios
          .post(`/upload`, formData, {
            headers: {
              "Content-Type": "multipart/form-data"
            }
          })
          .then(res => {
            console.log(res);
            console.log(res.data);
            this.props.onChangeStep1();
          });
      }