雨霖铃
0cad722479
- 添加 react-markdown 库以支持 markdown 内容渲染 - 引入 @types 相关类型定义包，包括 debug、estree-jsx、hast 等 - 添加解析 markdown 所需的工具库，如 micromark、mdast-util 系列 - 集成 hast-util-to-jsx-runtime 实现 hast 到 jsx 的转换 - 添加字符实体处理和样式解析相关依赖 - 引入支持 mdx 语法的相关工具包 - 添加统一的类型检查和开发依赖支持 - 更新 package-lock.json 锁定新增依赖版本
33 lines
1.2 KiB
JavaScript
33 lines
1.2 KiB
JavaScript
import {HashRouter as Router, Routes, Route, NavLink} from 'react-router-dom';
|
|
import TimestampPage from './pages/TimestampPage';
|
|
import ElectronicWoodenFishPage from "./pages/ElectronicWoodenFishPage";
|
|
import TodoListPage from "./pages/TodoListPage";
|
|
import './App.css';
|
|
|
|
function App() {
|
|
return (<Router>
|
|
|
|
<div className="app">
|
|
<nav className="nav">
|
|
<ul className="nav-list">
|
|
<li><NavLink to="/" className={({isActive}) => isActive ? "nav-link active" : "nav-link"}>Timestamp</NavLink>
|
|
</li>
|
|
<li><NavLink to="/dzmy"
|
|
className={({isActive}) => isActive ? "nav-link active" : "nav-link"}>电子木鱼</NavLink></li>
|
|
<li><NavLink to="/todo" className={({isActive}) => isActive ? "nav-link active" : "nav-link"}>待办</NavLink>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<Routes>
|
|
<Route path="/" element={<TimestampPage/>}/>
|
|
<Route path="/timestamp" element={<TimestampPage/>}/>
|
|
<Route path="/dzmy" element={<ElectronicWoodenFishPage/>}/>
|
|
<Route path="/todo" element={<TodoListPage/>}/>
|
|
</Routes>
|
|
</div>
|
|
</Router>);
|
|
}
|
|
|
|
export default App;
|