使用 ComponentDidMount() 时不理解 400 错误 - React Axios

Question

好的，所以当我使用 ComponentDidUpdate() 时，get 调用工作得很好，除了它无限循环的事实。当我使用此代码时：

componentDidMount() {

        const getRequest = async() => {
            try {
                const result = await axios.get(`https://api.openweathermap.org/data/2.5/onecall?lat=${this.state.lat}&lon=${this.state.long}&
                exclude={part}&appid=${this.state.apikey}&units=imperial`);

                console.log(result);
            }
            catch(err){
                console.error(err);
            }
        }

        getRequest();
}

我不断收到 400 错误。谁能帮我解决这个问题，我迷路了。这是一个个人项目，在任何人询问之前都不是家庭作业。

Answer 1

尝试将您的异步函数移到 componentDidMount 之外并从那里调用它。 而且您似乎还使用了一个名为 part 的变量。您还应该将其提供给函数。 由于它给出了 400 错误，因此它必须与您的参数相关，主要来自您的状态。

  getRequest = async (apikey, lat, long, part) => {           
    try {
        const result = await axios.get(`https://api.openweathermap.org/data/2.5/onecall?lat=${lat}&lon=${long}&
        exclude={part}&appid=${apikey}&units=imperial`);
        console.log(result);
    }
    catch(err){
        console.error(err);
    }
  }

  componentDidMount() {
    const { apikey, lat, long } = this.state;
    this.getRequest(apikey, lat, long, 'daily');
  }