localStorage - Spotifyアクセストークンの更新後に入力値を保存する

Question

私はReactJSアプリケーションを作成しています。私のSpotify APIを更新してアクセストークンを取得した後に検索入力値を保存しようとしています。例えば、ここでの手順は次のとおりです。

1. 学習者が楽しんでるのAPIが行く
2. は、アクセストークンとリフレッシュをフェッチする用語を検索ページステップ2から

、私が検索を希望します検索結果の入力欄（リフレッシュ後）は、内にあります。ここで

は私の試みです：

constructor(props){ 
    super(props); 

    this.state = { 
     term: '' 
    }; 

    ... 

    document.getElementById('search-input') = window.localStorage['term']; 
} 

...

search(){ 
    this.props.onSearch(this.state.term); 
    window.localStorage['term'] = this.state.term; 
} 

...助けを

render(){ 
     return (
       <div> 
        <input id="search-input" onChange={this.handleTermChange} autoFocus/> 
        <a id="search" onClick={this.search}>SEARCH</a> 
       </div> 
     ); 
    } 

ありがとう！

Answer 1

localstorageの値をwindow.localStorage['term']に設定して取得するのではなく、組み込みのgetおよびsetメソッドを使用することをお勧めします。

localStorage.setItem(key, value) 
localStorage.getItem(key) 

Here's MDNの例。