雨霖铃
35 lines
1.0 KiB
TypeScript
35 lines
1.0 KiB
TypeScript
// App.js
|
|
import { HashRouter as Router, Routes, Route } from 'react-router-dom';
|
|
import TimestampPage from './pages/TimestampPage';
|
|
import RecordeReplayPage from './pages/RecordeReplayPage';
|
|
import TestPage from './pages/TestPage';
|
|
import Navbar from './components/Navbar';
|
|
import RoutePersistence from './components/RoutePersistence';
|
|
import './App.css';
|
|
|
|
// 路由配置数据
|
|
const navItems = [
|
|
{ path: '/test', label: '测试页面', element: <TestPage /> },
|
|
{ path: '/', label: '时间戳', element: <TimestampPage /> },
|
|
{ path: '/recorde-replay', label: '录制与回放', element: <RecordeReplayPage /> },
|
|
];
|
|
|
|
function App() {
|
|
return (
|
|
<Router future={{ v7_startTransition: true, v7_relativeSplatPath: true }}>
|
|
<RoutePersistence />
|
|
<div className="app">
|
|
<Navbar items={navItems} />
|
|
|
|
<Routes>
|
|
{navItems.map((item) => (
|
|
<Route key={item.path} path={item.path} element={item.element} />
|
|
))}
|
|
</Routes>
|
|
</div>
|
|
</Router>
|
|
);
|
|
}
|
|
|
|
export default App;
|