搜索

首页  >  问答  >  正文

在React中,localstorage.getItem返回null

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。有谁知道为什么吗?

P粉551084295P粉551084295317 天前1804

全部回复(1)我来回复

  • P粉948258958

    P粉9482589582024-04-06 11:16:28

    使用 useEffect()

    import React, {useEffect} from 'react';
    
    const App = () => {
    
    useEffect(() => {
    const obj = { a: "xxx", b: "yyy" }
    localStorage.setItem('obj', JSON.stringify(obj));
    },[])
    
    return (
         
    ) }

    回复
    0
  • 取消回复