如何在React中获取Web API的sessionStorage对象

Question

我没有得到它，我看到所有这些人都在谈论localStorage或sessionStorage但在我的React项目中我还没有定义。他们如何从真正的Web API中获取该对象？

示例：

persistent-state-reactjs

redux-sessionstorage

react-redux-jwt-auth-example

这些节目中的每一个都调用localStorage或sessionStorage但是如何？我没有看到他们使用任何库来实现这一目标。我唯一可以想到的是他们正在使用像幻影或卡斯特这样的东西？我只看到第三个网址的package.json中的幻像。即便如此，我也看不出他是如何搞砸Phantom的，如果不是他如何拥有localStorage的实例？

Answer 1

localStorage和sessionStorage是来自Web API的内置对象，因此您不需要任何库来使用它们 IF 您正在使用它们前端。我的猜测是，localStorage和sessionStorage不可用，因为您的反应应用程序是服务器呈现的。您可以通过运行应用中某处的代码来测试它们。如果它们不存在且您仍希望将您的应用程序呈现为服务器，则可以使用此类库：https://www.npmjs.com/package/web-storage。

＆＃13;

＆＃13;

try {
  // localstorage or sessionstorage init
  // ...
} catch (e) {
  // they are not defined, use a library
  console.log(e); // look at error
  
  // if localStorage is not defined, use a library
  window.localStorage = require('web-storage')().localStorage;
}

＆＃13;

＆＃13;

＆＃13;

希望这有帮助。