Uncaught TypeError：プロパティ '_credentials'を設定できません

Question

私は音楽家のためのウェブサイトで作業しています。彼はSpotifyで最も人気のある曲の9曲を欲しかった。 spotify-web-api-nodeと呼ばれるSpotify APIとnpmパッケージを使用する方法を学びます。

したがって、以下のコードは、ウェブサイト上のミュージシャンの最も人気のある曲のリストを9つ生成すると仮定しています。

彼が受け取ったエラーメッセージUncaught TypeError: Cannot set property '_credentials' of undefinedもしあなたが間違っていることに役立つヒントを教えていただけたら。

私のレポ：https://github.com/brandonpowell/main-kdrusha-website

import React from 'react'; 
import SpotifyWebAPI from 'spotify-web-api-node'; 
require('dotenv').config(); 

export default class SpotifyComponent extends React.Component { 
    constructor(props, context) { 
    super(props, context); 

    this.state = { 
     SpotifyLoaded: false 
    }; 
    } 

    componentDidMount() { 
    this.setState({ 
     SpotifyLoaded: true 
    }); 
    } 

    renderSpotify() {//date for spotify API GOES HERE 
    if (!this.state.SpotifyLoaded) { 
     const spotifyTemplate = 
     `<a href="{link}" target="_blank" class="spotify__item"> 
       <img class="ablum_thumbnail_background" src="{albumImage.url} " /> 
      </a>`; 
     const spotify = <SpotifyWebAPI 
     getArtistAlbums={process.env.REACT_APP_SPOTIFY_ARTIST_ALBUMS} 
     limit='9' 
     offset='20' 
     sortBy='most-popular' 
     template={spotifyTemplate} 
     customClass={this.state.SpotifyLoaded ? 'loaded' : ''} 
     />; 
     return spotify; 
    }; 
    } 

    render() { 
    return (
     <section className="spotify-container"> 
     <div id='spotify'>{this.renderSpotify()}</div> 
     </section> 
    ) 
    }; 
} 

Answer 1

エラーがthisが未定義されることに関連しています。実際にコンストラクタ関数を使用しています。thisは、新しく作成されたインスタンスを参照しています。私はSpotify APIに慣れていませんが、おそらくこのようなものを書く必要があります：

var spotify = new SpotifyWebAPI({ /* yourcredentials */ }); 
var tracks = spotify.getArtistTopTracks(process.env.REACT_APP_SPOTIFY_ARTIST_ALBUMS)