react-router

1热度

1回答

我正在为处理租赁房间的小生意建立管理仪表板。他们只有6个房间，所以我不需要一个大的数据库。我为此使用Firebase。我的问题是，我的App.js组件中应该有一个大的状态，componentWillMount中的Firebase上有一个.on方法，它将数据库同步到一个状态，并将这些更改通过道具传递给不同的部分，或者我应该从每个组件中的Firebase中分别获取数据并将其存储在本地状态中？哪一个更好

1热度

1回答

使用react-router v3在create-react-app中分割代码

我正在为我的反应应用和react-router 3.0.0版本的路由使用create-react-app样板。我想在需要时加载组件，即基本上是代码分割。我被卡住了，因为我不知道如何做代码拆分，因为我有一个HOC检查用户角色，如果用户没有特定路线的角色，比我重定向用户到一些'未经授权的路线。我也有onEnter函数，它需要在加载任何组件之前调用，它会检查用户令牌是否过期，如果令牌过期，我将用户

0热度

1回答

反应路由器V3 - 嵌套路由组件卸载路径参数更改

我刚刚注意到，在反应路由器（v3.x）中，如果路径参数更改，组件将卸载并重新装载。这是预期的行为？路线： <Route path="/landing/register/:step" component={Register}/> 现在，可以说我是在路线"/landing/register/personal-data"，我通过<Link/>或router.push({...})导航到下一个注册步

0热度

1回答

如何关闭更改路线的导航菜单

使用react-router-dom时，如何检测用户何时导航到新页面？我目前使用的是"react-router-dom": "^4.2.2"和"react": "^15.6.1"。我想在用户选择新的目标网址时关闭手机导航菜单，但我无法检测路由何时发生变化。是否有回拨我可以挂钩为react-router-dom？我想能够沿着location.onChange(() => { this.state

2热度

1回答

Android webview中的ReactJS应用程序 - 按下后退按钮关闭应用程序

我正在使用react-dom 15.3.2和react-router^4.2.0。注意：我正在使用ReactJS，而不是React-Native。我得到了与导航链接一个简单的应用程序，它定义像链接：在浏览器中 <Link to="/contactus"> Contact Us </Link> <Link to="/faq"> FAQ </Link> 这些路由定义和做

1热度

1回答

React Redux网址更改事件/架构

我正在用React构建应用程序。如果有人想搜索会发生以下情况：状态更新：this.props.Address.selectedAddress 点击搜索按钮搜索事件是触发和我的网址改为： this.props.handleSearch(address); let city = format_city(this.props.Address.selectedAddress); browserHis

0热度

1回答

反应路由器，道具在页面重新加载后不见了

一直呆在这里一段时间了，我并没有真的能够找到答案或工作我的思想围绕它..所以，我有一个主要组件，为我服务带有道具的其他部件称为科目。 App.js -------------------------------- getSubjects() { if(Auth.isUserAuthenticated()) { let headers = new Headers();

0热度

2回答

反应路由器4追加额外的查询参数

我的问题是类似于React router appending query to URL，但我使用反应路由器4与交换机和路由。在我的情况下，我怎么能排除从历史追加额外的查询参数？ render(){ return( <div> <Header/> <Switch> <Route exact path="/" render={(props) => (<Home

1热度

1回答

在React Router v4中表示URL查询

我已经看到了其他不同版本的React-Router（pre v4）的其他示例，但我似乎无法找到一种方法来正确表示URL参数。例如，如果我想将链接发送给从搜索朋友因此，它看起来像： https://yourwebsite.com/search?item-name=youritem 在这种情况下，我知道做出反应，路由器（V4）可以提供可选参数，但他们没有在URL中表示，那么您如何才能将确切的请求发送

0热度

1回答

Redux/React-Router - 能够使用客户端路由参数发送URL

我期待能够让Redux在给定搜索参数url时正确填充状态。目前我的流转如下：搜索 - > <Redirect to={{ pathname: '/search', search: `?item-name=${this.props.searchQuery}` }} /> ，然后将其重定向到一个/search component = {SearchResults} 在Se