Javascript 如果不重新加载页面，当会话存储发生更改时，条件呈现将不起作用 从“react dom”导入ReactDOM； 从“./App”导入应用程序； window.sessionStorage.setItem（'doesitwork'，'1'） ReactDOM.render(

您的脚本当前取决于模块加载的顺序，这会导致脆弱的代码，并使对代码的推理更加困难。仅在调用应用程序时，才在模块的顶层检索

会话存储

值：

const sessionStorage = Boolean(window.sessionStorage.getItem("doesitwork"));

const App = () => <div>{sessionStorage && <h1>hello world!</h1>}</div>;

export default App;

const-App=（）=>{
const sessionStorage=Boolean（window.sessionStorage.getItem（“doesitwork”）；
返回{sessionStorage&&helloworld！}；
};
导出默认应用程序；

---

对于当前代码，根据模块加载顺序，

应用程序

模块可能会在其他模块之前运行，从而导致

会话存储=

行在

会话存储.setItem

行之前运行。

您的脚本当前取决于模块加载的顺序，这会导致代码脆弱并且会使对代码的推理更加困难。检索

会话存储

值时，仅当调用应用程序时，才在模块的顶层检索该值：

const sessionStorage = Boolean(window.sessionStorage.getItem("doesitwork"));

const App = () => <div>{sessionStorage && <h1>hello world!</h1>}</div>;

export default App;

const-App=（）=>{
const sessionStorage=Boolean（window.sessionStorage.getItem（“doesitwork”）；
返回{sessionStorage&&helloworld！}；
};
导出默认应用程序；

对于当前代码，根据模块加载顺序，

App

模块可能会在其他模块之前运行，从而导致

sessionStorage=

行在

sessionStorage.setItem

行之前运行

const App = () => {
  const sessionStorage = Boolean(window.sessionStorage.getItem("doesitwork"));
  return <div>{sessionStorage && <h1>hello world!</h1>}</div>;
};

export default App;