• • 已关闭**。此问题需要超过focused。当前不接受答案。
• • 想要改进此问题吗？**更新此问题，使其仅关注editing this post的一个问题。

昨天关门了。
Improve this question
我做了一个项目面部识别的人的数据已经存在于firebase然后树莓派扫描的脸，并发送数据更新时间戳到Firestore。现在我可以扫描的脸从pi和发送时间戳到firestore然后显示所有的数据在网站上的firestore。但我希望表是空的，但最初，当一个更新进来。将抽出的信息显示在网站上
这是显示表格的页面

import Sidebar from "../../components/sidebar/Sidebar";
import "./home.scss";
import Table from "../../components/table/Table"

const Home = () => {
  return (
    <div className="home">
      <Sidebar />
      <div className="homeContainer">
        <div className="listContainer">
          <div className="listTitle">Latest Scan</div>
          <Table />
        </div>
      </div>
    </div>
  );
};

export default Home;

这是应用程序页面

import Home from "./pages/home/Home";
import Login from "./pages/login/Login";
import AddBook from './pages/editData/AddBook';
import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom";
import { AuthContext } from "./context/AuthContext";
import { useContext, useState } from "react";

function App() {

  const [bookId, setBookId] = useState("");
  const { currentUser } = useContext(AuthContext);

  const RequireAuth = ({ children }) => {
    return currentUser ? children : <Navigate to="/login" />;
  };

  return (
    <div className="right-edit">
      <BrowserRouter>
        <Routes>
          <Route path="/">
            <Route path="login" element={<Login />} />
            <Route index element={
            <RequireAuth>
            <Home />
            </RequireAuth>} />
            
            <Route path="edit/" element={
                <RequireAuth>
                  <AddBook id={bookId} setBookId={setBookId} />
                </RequireAuth>
              } />
            
          </Route>
        </Routes>
      </BrowserRouter>
    </div>
  );
}

export default App;

页表
一个二个一个一个
firestore

中的数据
卷筒纸