index.js:
import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; const root = ReactDOM.createRoot(document.getElementById('root')); const obj = { a: "xxx", b: "yyy" } localStorage.setItem('obj', JSON.stringify(obj)); root.render( <React.StrictMode> <App /> </React.StrictMode> );
客戶端.js:
let settings = JSON.parse(localStorage.getItem('obj')); const oktaAuth = new OktaAuth({ issuer: settings['a'], clientId: settings['b'], redirectUri: window.location.origin + '/login/callback', logoutUrl: window.location.origin + '/login', // pkce: false });
我在App中導入客戶端,看來localStorage應該在client.js運行之前設定Item。但我的 localStrorage.getItem('obj') 為 null。有人知道為什麼嗎?
使用 useEffect()