即使没有显示错误消息，我的主要 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>
)
}