在使用 axios 发送请求时,如果出现错误显示 “Maximum update depth exceeded”,这通常意味着你在组件渲染过程中无限次地更新了状态。
要解决这个问题,我们可以使用 async/await 来发送 axios 请求,并使用 try/catch 异常处理语句来处理错误。这将确保我们不会在渲染期间无限次地更新状态。
示例代码:
import axios from 'axios';
export default async function getData(query) {
try {
const response = await axios.get(`http://example.com/api/${query}`);
return response.data;
} catch (error) {
console.error(error);
}
}
在上面的示例代码中,我们使用了 async/await 来获取 axios 的响应数据,并在 try/catch 语句块中处理可能出现的错误。
这是一个简单但有效的解决方法,可以避免在渲染期间出现无限状态更新的问题。