localStorage - 在Spotify访问令牌刷新后保存输入值

Question

我正在制作一个ReactJS应用，并且在我的Spotify API刷新并获取访问令牌后，我试图保存搜索输入值。例如，以下是步骤：

1. 学习者搜索术语
2. Spotify API将获取访问令牌并刷新页面

从第二步开始，我希望搜索词仍在里面搜索输入字段（刷新后）。

这是我的尝试：

EndImplementationDate

...

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;
}

感谢您的帮助！

Answer 1

您不想使用window.localStorage['term']设置和获取localStorage值，而是希望使用内置的get和set方法。

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

Here's来自MDN的一个例子。