在 react JS 中，我如何在所有页面的底部设置页脚组件，页面是否有一些内容？

Question

当我在 react 中使用页脚组件时，如果该页面为空或没有足够的部分，则页脚不会设置在页面底部。 那么我该如何解决呢？

Answer 1

把它放在下面这样：

import "./index.css";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import Home from "./pages/Home";
import About from "./pages/About";
import Products from "./pages/Products";

function App() {
  return (
        <>
          <Router>
            <NavBar />
            <div>
              <Routes>
                <Route exact path="/" element={<Home />} />
                <Route path="/about" element={<About />} />
                <Route path="/products" element={<Products />} />
              </Routes>
              <Footer />
            </div>
          </Router>
        </>
  );
}

export default App;

通过这样做，它将确保所有页面，无论是否有内容，都在每个页面的底部显示设置的页脚。 希望它可以帮助您解决您的问题