reactjs app.js中不显示页面和标题

4ngedf3f  于 2023-01-02  发布在  React
关注(0)|答案(2)|浏览(161)

我在Localhost:3000中看不到我的页面或页眉
在这里您可以看到App.ja

import React from "react";
import { signInWithGoogle } from "./services/fireBase";
import Header from "./pages/layout/Header";
import Message from "./pages/Message
const App = () => {

  return (
    <div className="App">
    <h1>LernApp</h1>
    <button onClick={signInWithGoogle}>Sign In with Google</button>
    <h1>{localStorage.getItem("name")}</h1>  
    <Header />
    <Message />
    </div>  
  );

};
export default App;

它是空页enter image description here

2nc8po8w

2nc8po8w1#

试试这个。2这个叫做ReactFragments,用来 Package 多个HTML元素。

return (
<> 
<div className="App">
<h1>LernApp</h1>
<button onClick={signInWithGoogle}>Sign In with Google</button>
<h1>{localStorage.getItem("name")}</h1>  
<Header />
<Message />
</div>  
</>
  );
v8wbuo2f

v8wbuo2f2#

检查1:导入页面或页眉时,检查文件夹结构是否正确。检查2:尝试使用碎片为多重渲染。让我们知道它是帮助充分与否。

return (
<> 
<div className="App">
<h1>LernApp</h1>
<button onClick={signInWithGoogle}>Sign In with Google</button>
<h1>{localStorage.getItem("name")}</h1>  
<Header />
<Message />
</div>  
</>
  );

相关问题