使用Query + LifeCycle实现React + React路由器

时间:2016-01-15 00:39:13

标签: javascript reactjs lifecycle react-router

新的反应和反应路由器。实际上使用旧版本的react路由器v0.13。

我的问题是在页面更改时删除查询参数的适当时间在哪里?

我有一些使用react router Link的页面链接。然后,当用户在页面上时,我更新了一些查询参数。但是当用户要导航到新页面时 - 我想根据某些条件删除n个参数。

我的想法是在componentWillUnmount中执行此操作。但是,当我到达我的新页面和内部渲染甚至componentDidMount时,我有我刚刚尝试删除的旧参数

我可以在unMount的组件内部看到它们已经消失,但随后它们重新出现在didMount中的下一个组件中。比赛条件?或者我应该将其移至其他地方吗?

componentWillUnmount: function(args) {
     var page = this.getPathname();
     var query = _.omit(this.getQuery(), args);

     this.replaceWith(page, {}, query);
}

我将它们发送到下一页的粗略代码。

var query = this.getQuery();

<Link to="pageA" query={query}>Page A</Link>

0 个答案:

没有答案