ReactでWeb APIのsessionStorageオブジェクトにアクセスする方法

Question

私はそれを理解できません。これらの人々は私のReactプロジェクトでまだ未定義のlocalStorageまたはsessionStorageについて話しています。彼らはどのようにして実際のWeb APIからそのオブジェクトを取得していますか？

例：

persistent-state-reactjs

redux-sessionstorage

react-redux-jwt-auth-example

これらのショーのそれぞれがのlocalStorageかのsessionStorageを呼び出すことが、どのように？私はそれらに得るためにlibsを使用してそれらを見ることはありません。私が想像できるのは、ファントムやキャスパーのようなものを使用していることだけです。私はその3番目のURLのpackage.jsonに幻影しか見ません。それでも、私は彼がファントムをどのように突き上げているのか分からないし、もし彼がlocalStorageのインスタンスを持っていないのであれば？

Answer 1

localStorageとsessionStorageウェブAPIからオブジェクトを内蔵しているので、あなたはフロントエンドでそれらを使用している場合は、それらを使用するすべてのライブラリを必要としません。私の推測では、localStorageとsessionStorageはあなたの反応アプリがサーバーレンダリングされているため利用できません。あなたは、あなたのアプリのどこかで以下のコードを実行することによってそれらをテストすることができます。それらが存在しない場合でも、あなたのアプリケーションをサーバレンダリングしたい場合は、https://www.npmjs.com/package/web-storageのようなライブラリを使うことができます。

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

この情報がお役に立てば幸いです。