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的一个例子。