Reactjs React 路由显示空白页面

import React from "react";

import Home from "./Home";
import Markets from "./Markets";

import { Navbar, Footer, Services, Transactions } from "./components";
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";

const App = () => {
  return (
    <Router>
      <div className="min-h-screen">
        <div className="gradient-bg-welcome">
          <Navbar />
          <Switch>
            <Route path="/" component={<Home />} />
            <Route path="/Markets" component={<Markets />} />
          </Switch>
        </div>
        <Services />
        <Transactions />
        <Footer />
      </div>
    </Router>
  );
};

export default App;

import { BrowserRouter as Router, Route, Routes } from "react-router-dom";

const App = () => {
  return (
    <Router>
      <div className="min-h-screen">
        <div className="gradient-bg-welcome">
          <Navbar />
          <Routes>
            <Route path="/" element={<Home />} />
            <Route path="/Markets" element={<Markets />} />
          </Routes>
        </div>
        <Services />
        <Transactions />
        <Footer />
      </div>
    </Router>
  );
};

Reactjs相关问答推荐

我想将状态设置为true，直到每一张卡片都生成并在多姆中呈现

包装组件可以避免子组件重新渲染.？

如何创建react router v6的自定义子路由？

为什么我的React App.js只在页面刷新时呈现3次？

使用筛选器的Primereact DataTable服务器端分页？

TanStack/Reaction-Query在我的Vercel应用程序中不起作用

GoLang有条件地为.js.gz提供服务(如果它存在)，否则为.js

如何在REACTIVE js中动态添加或删除输入字段？

如何在MUI x图表条形图上放置圆角？

MERN，将动态列表中的元素插入数组

react ：输入失go 焦点，输入一个字符，

无法使用react-hook-form和react-places-autocomplete在字段中输入值

在MongoDB中，如何获取最后N条记录中字段不为空或不为空字符串的数据

useState数组不更新

React - 如何重定向页面以显示数据修改？

ReactJS中使用setState方法时，Context内部的State未进行更新

如何让 useEffect 在 React.JS 中只运行一次？

MUI - ButtonGroup fullWidth 条件屏幕大小不起作用？

react 路由dom没有路由匹配位置错误/在路由中制作组件

react-three-fiber 场景背景比原图更亮