頁面和 header 未顯示在 app.js 中

Question

我在 Localhost:3000 中看不到我的頁面或 Header

在這里你可以看到 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;

這是一個空白頁面在此處輸入圖片描述

Answer 1

試試這個。 這稱為 React Fragments 以包裝多個 HTML 元素。

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

Answer 2

檢查 1：在導入頁面或 Header 時檢查正確的文件夾結構。 檢查 2：嘗試對多個渲染使用碎片。 讓我們知道幫助是否完整。

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