javascript - 我在这里想念什么? Reactjs

即使没有显示错误消息,我的主要 App 组件也不会显示在浏览器中。请协助

import React from 'react';
    import {BrowserRouter as Routes,Route} from 'react-router-dom';
    import MasterLayout from './layouts/admin/MasterLayout';

    function App() {
      return (
        <div className="App">
         
               <Routes>
               
               <Route path="/admin/dashboard" component = {MasterLayout} />

               
           </Routes>
         
        
        
         
    </div>
  );
}


export default App;

我不明白为什么 App 主组件没有在我的网页中呈现没有错误但网页是空的。请帮助我

回答1

import React from "react";
import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
import MasterLayout from './layouts/admin/MasterLayout';


const App = () => {
  return (
    <div className="app">
      <Router>
        <Routes>
        <Route path="/admin/dashboard" element = {<MasterLayout/>} />
        </Routes>
      </Router>
    </div>
  );
};

export default App;

如果它不起作用,试试这个检查你导入的 MasterLayout

回答2

看到代码,您没有显示主页或基本路由器 "localhost:3000/" 的任何 UI,仅显示在 "localhost:3000/admin/dashboard"

function App() {
      return (
        <div className="App">
               <Routes>
               <Route path="/admin/dashboard" component = {MasterLayout} />
           </Routes>
        </div>
     )
   }

相似文章

最新文章