0.0.1 • Published 5 years ago
@lwp2/router v0.0.1
react 路由
使用方法
import { Routers, Route, Link, Redirect } from "@lwp2/router";
function Content({match}) {
return <h1>{match.params.key}</h1>
}
function App() {
return <Routers>
<Link to="/index" />
// 匹配正常的路径
<Route path="/index" element={<Content />} />
// 匹配带参数的路径
<Route path="/index/:key" element={<Content />} />
// 匹配通带星号的路径
<Route path="/index/(.*)" element={<Content />} />
<Redirect to={{pathname: '/', state:{}}} />
</Routers>
}
0.0.1
5 years ago