localStorage - 保存Spotify訪問令牌刷新後的輸入值

Question

我正在製作ReactJS應用程序，並試圖保存我的Spotify API刷新並獲取訪問令牌後的搜索輸入值。例如，下面的步驟是：

1. 學習者搜索術語
2. Spotify的API去獲取訪問令牌和刷新頁面

從步驟二，我想搜索內部搜索輸入字段（刷新後）。

這裏是我的嘗試：

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

您不想使用window.localStorage['term']來設置和獲取localStorage值，您需要使用內置的get和set方法。

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

Here's來自MDN的一個例子。