如何在React库的LocalStorage中存储令牌

Posted 2021-04-11

我非常陌生，我已经在后端编写了所有代码。现在，如果我登录，令牌将进入网络。现在我的问题是如何在本地存储中存储该令牌以及该令牌的存储位置，请告诉我该怎么做以及如何做。

如果有任何疑问，请发表评论

答案

您可以将其存储为客户端Cookie或存储在localStorage或sessionStorage中。每个选项都有优点和缺点。您应该有权访问具有setter和getter的localStorage实例，以从本地存储中存储和检索数据。

// setter
localStorage.setItem('token', data);
// getter
localStorage.getItem('token');
// remove
localStorage.removeItem('token');
// remove all
localStorage.clear();

您也可以查看此代码段以供参考。 https://codesandbox.io/embed/winter-bird-uirri?fontsize=14&hidenavigation=1&theme=dark