在 React 中，如何将用户重定向回状态已更改的索引

Question

在我的 React.JS 应用程序中，我想创建一个 link，它只是改变客户端的状态，但显示主索引页面。比如主页面是：

http://example.com/#/

这显示了主索引页。现在，如果用户被定向到此页面：

http://example.com/#/check?arg=abcd

我仍想向用户显示主索引页面，但 this.props 变量会受到 arg=abcd

的影响

我定义我的路线：

var routes = (
    <Route handler={APP}>
        <DefaultRoute handler={Index} />
        <Route name="check" path="check" handler={check}></Route>
    </Route>
);

所以我确实有一个采用 check 路径的路由，但我的目标同样是只使用 check 的参数并且仍然继续显示常规索引页面。

使用 React.JS 执行此操作的最有效方法是什么？

Answer 1

我刚刚意识到我可以绕过第二个页面和路由器的需要。我需要做的就是在索引页上使用参数处理程序。我不在工作和移动所以我明天上班时会回答我自己的问题。

更新-- 这就是我让它工作的方式：

我在路由设置中添加了一条新线路：

var routes = (
    <Route handler={APP}>
        <DefaultRoute handler={Index} />
        <Route path="/arg1/:arg1" handler={Index} />
    </Route>
);

arg1 所在的行。然后我确保该路径的处理程序是 {Index}。现在，在我的组件中，我有以下行：

componentWillMount() {
    this._handleArgs(this.props.params.arg1);
},

这将在安装组件之前处理（如果 arg1 为空则不处理）任何参数。

因此，无需添加新组件，只需添加到同一组件的另一条路径和一些辅助函数即可。

在 React 中，如何将用户重定向回状态已更改的索引

In React, How do I redirect a user back to the index with altered state

javascript

ecmascript-6

reactjs

react-router