We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
v4相比v3是摧毁性的更新,真正实现了组件化,增加了灵活度。本次采用单代码仓库模型架构(monorepo),这意味者这个仓库里面有若干相互独立的包,分别是:
这两个API都是使用URL的一部分来保持您的UI与URL同步。 不同之处在于:
import { BrowserRouter } from 'react-router-dom'; <BrowserRouter basename={optionalString} forceRefresh={optionalBool} getUserConfirmation={optionalFunc} keyLength={optionalNumber} > <App/> </BrowserRouter>
都是为你的应用提供声明式,无障碍导航,不同之处在于NavLink有 “激活状态”,可以定义activeClassName和activeStyle
<NavLink to={xxx}> <Icon className={xxx} activeClassName={xxxxx} type={icon} /> {xxxxx} </NavLink>
顾名思义就是跳转到某个路由
<Switch> <Route path="settings/account" component={Account} /> <Route path="settings/user" component={User} /> <Redirect to="/daskboard" /> </Switch>
这个是v4很重要的一个API,它最基本的职责就是当页面的访问地址与 Route 上的 path 匹配时,就渲染出对应的 UI 界面, 自带三个 render method 和三个 props
The text was updated successfully, but these errors were encountered:
看文档:https://reactrouter.com/native/guides/quick-start
Sorry, something went wrong.
No branches or pull requests
react-router4
概述
v4相比v3是摧毁性的更新,真正实现了组件化,增加了灵活度。本次采用单代码仓库模型架构(monorepo),这意味者这个仓库里面有若干相互独立的包,分别是:
API
1、BrowserRouter和HashRouter
这两个API都是使用URL的一部分来保持您的UI与URL同步。
不同之处在于:
使用方法:
2、Link和NavLink
都是为你的应用提供声明式,无障碍导航,不同之处在于NavLink有 “激活状态”,可以定义activeClassName和activeStyle
3、Redirect
顾名思义就是跳转到某个路由
4、Route
这个是v4很重要的一个API,它最基本的职责就是当页面的访问地址与 Route 上的 path 匹配时,就渲染出对应的 UI 界面,
自带三个 render method 和三个 props
每种 render method 都有不同的应用场景,同一个 应该只使用一种 render method ,大部分情况下你将使用 component 。
props 分别是:
所有的 render method 无一例外都将被传入这些 props。
The text was updated successfully, but these errors were encountered: