我有一个错误 429，带有单个请求的 Spotify api

Question

我正在制作一个可以检索和显示我的播放列表的网站，昨天一切正常，今天早上虽然我没有触摸代码，但每次我想检索 api 上的数据时都会出现错误 429。

我的代码：

export const getUserPlaylist=async(params=null){
   params={
      params,
      headers:{'Authorization': `Bearer ${AccessToken}`}
   }
   const response=await axios.get("https://api.spotify.com/v1/me/playlists", params)
   return response.data
}

我试过使用和不使用 axios，这不是问题。

我在这里的 React 组件类中使用了这个函数：

async searchPlaylists(){
    if(!this.state.allPlaylists){
        const response=await getUserPlaylist({limit:50})
        this.setState({allPlaylists:response.items})
    }
    let playlists=[]
    for(let i of this.state.allPlaylists){
        if(i.name.indexOf(this.props.playlistName)===0){
            playlists.push(new Playlist(i))
            if(playlists.length===3) break
        }
    }
    this.setState({playlists})
}
async componentDidMount(){
    this.searchPlaylists()
}
async componentDidUpdate(){
    this.searchPlaylists()
}

Answer 1

componentDidUpdate()是一个生命周期钩子，每次组件重新渲染时都会运行其中的代码。
React 中的组件在其 state 或 props 发生变化时更新。
searchPlaylists()设置状态，这会导致重新渲染。
换句话说，您创建了一个无限循环，您在每次重新渲染时更新状态，这会导致再次重新渲染，每次都发送 API 请求。

如需更深入的信息。