因此,我試圖做的是從用戶那里獲取所有播放列表,當我控制臺.log它時,我可以看到它正在工作。但是我收到一個關于使用數組來呈現getAll中的播放列表變量的子集合的錯誤,因為這是我試圖存儲它的地方。我對 react 和 javascript 很陌生,所以我確信這是一個愚蠢的錯誤。 class App extends Component { constructor(){ super(); var list = new Array(); const params = this.getHashParams(); //tokens saved here const token = params.access_token; if (token) { spotifyApi.setAccessToken(token); } this.state = { loggedIn: token ? true : false, nowPlaying: { name: ' Not Checked', albumArt: '', albumName: ' Nobody'}, getAll: {playlists: []} }; this.getNowPlaying = this.getNowPlaying.bind(this); this.getPlaylists = this.getPlaylists.bind(this); } getHashParams() { //uses authenticated users refresh and access token var hashParams = {}; var e, r = /([^&;=]+)=?([^&;]*)/g, q = window.location.hash.substring(1); e = r.exec(q) while (e) { hashParams[e[1]] = decodeURIComponent(e[2]); e = r.exec(q); } return hashParams; } getNowPlaying(){ spotifyApi.getMyCurrentPlaybackState() .then((response) => { this.setState({ nowPlaying: { name: response.item.name, albumArt: response.item.album.images[0].url, albumName: response.item.album.name } }); }) } getPlaylists(){ spotifyApi.getUserPlaylists() .then((response) => { console.log(response.items) this.setState({ getAll: { playlists: response.items } }); }) }
我在 React 上遇到的錯誤:如果你打算渲染一個子集合,請改用數組
呼喚遠方
2022-08-18 09:54:51