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>
);
client.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
});
Ich habe den Client in die App importiert und es scheint, dass localStorage das Element festlegen sollte, bevor client.js ausgeführt wird. Aber mein localStrorage.getItem('obj') ist null. Weiß jemand warum?
使用 useEffect()
import React, {useEffect} from 'react'; const App = () => { useEffect(() => { const obj = { a: "xxx", b: "yyy" } localStorage.setItem('obj', JSON.stringify(obj)); },[]) return ( ) }