第一次写 React,官方的路由没有封装守卫
由于路由这块我还不是很熟悉,求一个现成的轮子.
1
shilianmlxg 2021-07-27 00:15:47 +08:00
如果是 hooks 是有轮子的 useRouter
如果不是 那我也蹲一个 |
2
ericgui 2021-07-27 06:05:07 +08:00
似乎是没有的
|
3
Yvette 2021-07-27 07:12:53 +08:00
|
4
SmiteChow 2021-07-27 09:13:51 +08:00
这玩意自己写不就几行代码么?
```app.jsx import styles from '../css/app.cssm' assert { type: "css" } import SideBar from './side-bar.jsx'; import ZYTable from './zy-table.jsx'; import BatchOperateZY from './batch-operate-zy.jsx'; const tabs = { table: '资源管理', batch: '批量操作', }; export default function App(props) { let hash = location.hash; const [tab, setTab] = React.useState(hash === '' ? 'table' : hash.substr(1)); React.useEffect(() => { document.title = `ZYMS 画廊 - ${tabs[tab]}` document.location.hash = `#${tab}` }, [tab]) return <div className={styles.flex}> <SideBar tabs={tabs} tabName={tab} showTab={(name) => setTab(name)}/> <div className={`${styles['tab-container']}`}> {tab === 'table' && <ZYTable/>} {tab === 'batch' && <BatchOperateZY/>} </div> </div> } ``` |
5
Smash OP |
6
Carseason 2021-07-27 10:17:15 +08:00
hooks 的 Router 组件有个 render 的钩子来实现
|