ReactJS react-router

Question

我正在开发使用ReactJS的应用程序，但我遇到了问题。

那是我的路由器

<Router history={browserHistory}>
    <Route name="Home" path="/" component={App}>
        <IndexRoute component={Home}></IndexRoute>
        <Route name="Stores" path='stores' component={Stores}>
        <Route name="List" path='/stores/list' component={StoreList}></Route>
        <Route name="Create" path='/stores/create' component={StoreCreate}>   </Route>
    </Route>
    <Route name="404: No Match for route" path="*" component={NoMatch} />
    </Route>
</Router>

通往商店的路线 不存在。但是，当我点击此路线的链接时，他们必须重定向执行“StoreList”

<Route name="Stores" path='stores' component={Stores}>

所以我做了：

    class Stores extends React.Component {

      componentWillMount() {
        this.setUrlParameters();
      }

      setUrlParameters() {
        if (!this.props.children) {
          this.context.router.push({
              pathname: '/stores/list',
              query: {
                  page: 1,
                  limit: 10
              }
          });
        }
      }

      render() {
        return (this.props.children);
      }
    }

我第一次点击链接时，他们确实完善了重定向。 但是，如果我再次点击，则不会调用 componentWillMount ，并且重定向不会执行。

有人可以帮助我吗？

Answer 1

尝试在componentDidUpdate中调用this.setURlParameters（）而不是componentWillMount