react-router

0热度

1回答

无论是使用链接还是this.props.history.push()，地址栏中的URL都正确更新，以及this.props.location位于DOM树（本例中为App组件）上方的组件中。但是，由于某些原因，它并未更新我的组件中的this.props.location，这些组件正在进一步向下，导致我的路由失败。任何可能出错的猜测？注意：我在这个项目中使用了redux，但我没有改变使用redu

1热度

1回答

阵营路由器V4嵌套的路线及方案导航

所以，我以这种方式成立了几条路线： index.js <Route exact path={pathDefault} component={Home}> <Route path={path1} component={component1}/> <Route path={path2} component={component2}/> </Route> component1.

0热度

1回答

如何使用React Router获取两个组件的XOR路由？

我的应用 - 成分，它看起来是这样的： class App extends Component { render() { return ( <div> <Route path='/:category?/:post?' component={Posts}/> <Route exact path='/edit' component={P

0热度

1回答

从React组件中的方法重定向

可以使用<Redirect>标记，可以使用redirect to another route from within React render method.如何在React组件方法中执行同样的操作？ componentDidMount？

0热度

1回答

链路

点击时做出反应路由器犯规路线，所以我有一对夫妇的链接标题组件： { this.props.cats.map(x => <li className="nav-item" key={x.path}><Link className="nav-link" to={x.path}>{x.name}</Link></li>) } 上面的代码段是我用来呈现链接然后在我的指数.js（

3热度

1回答

如何在反应路由器v4中使用<Redirect>传递数据？

这种情况是我使用axios从后端获取数据，我想从当前页面重定向到另一页面以及传递一些数据。当我使用<Redirect>重定向时，如何传递数据？我正在使用类似下面的代码，并且我无法在目标页面上获取'个人资料'。无论如何，this.props或this.state 我知道使用react-router-redux是一个更好的选择。 import React, { Component } from '

2热度

1回答

React - 组件不会在foreach循环中呈现？

我有一个小应用程序，当你打开一个选项卡时，React Route将重定向到给定的组件（容器）。并从我想要呈现子组件的容器。我使用foreach循环遍历一个需要给孩子的道具列表。但是，孩子没有得到渲染。我不想使用地图，因为我使用依赖列表类的库。 render() { return ( <div> {this.state.list.ForEach((element

0热度

1回答

如何让相同的路由路径遇到不同的组件

我遇到了反应路由器及其路由路径的问题。我有几个链接，说本地主机：3000本地主机/ ：3000/B 本地主机：3000/C 和我的路线设置up如下： <Route exact path="/:cat" component={Post} /> 我的问题是，每当我转到三个URL中的一个，即1→3，它将只加载第1页，因为它们都符合标准（即， path="/:cat"）。我正确地假设它不会呈现每条

1热度

1回答

在React中，渲染重定向比使用this.props.history.push总是更好？

如果我总是重定向到应用内路由，那么react-router-dom（v4）中的Redirect组件和this.props.history.push()之间的区别是什么？ E.g.假设我想将用户给定的标题添加到URL中，并将其从/foo/123重定向到/foo/123/some-title（两者都使用相同的路由/组件呈现）。我在Redirect的某些用途中看到通过状态。这最终会在哪里？这是一种反

0热度

1回答

如何使用react-router Link with semantic-ui Menu.Item？

我有这样的： <Link to="/"> <Menu.Item name='expense List' active={activeItem === 'expense List'} onClick={this.handleItemClick} /> </Link> ，但我在控制台得到一个错误： Warning: validateDOMNesting(...): <a> ca