React Redux将过滤器应用于支持的呼叫并路由

Question

我的应用程序正在使用React和Redux。

我在页面上有两个组件，这些组件是状态或区域等过滤器，点击后应该点击后端网址，例如“https://somebackend.com?status=published&region=northamerica”。然后我的索引组件应显示新列表。如果状态过滤器更改为“草稿”，我们当然会点击：“https://somebackend.com?status=draft&region=northamerica”并重新呈现索引列表。

在此应用程序之前我没有使用路由，但我没有    真的知道如何在React-Redux中订购这些事件。这是我的    目前的想法，但有问题。其他解决方案非常赞赏：

1）在StatusFilter组件中，调用updateStatusFilter操作，当单击过滤器时，创建一个类型为：statusFilter的操作，payload：“published”

2）在我的reducer中，将名为statusFilter的状态属性更新为“已发布”

3）现在，回到我的StatusFilter组件中，在mapStateToProps中，我捕获了状态已经改变的事实，所以我想在我的应用程序中调用路由，例如https://example.com/publications?status=draft&region=northamerica，所以我从中获取这些值state，并从mapStatesToProps函数手动调用路径

4）路线设置为“component = {PublicationsIndex} /＆gt; 5）在PublicationIndex，componentWillMount中，我们从状态获取params，并将用于命中后端的url放在一起，好吧，我会在这里停止...

这是各种令人费解的。对不起，任何帮助让我思考正确的方法，谢谢。我觉得我正在努力弄清楚是什么驱动了这条路线，或者改变了状态。

Answer 1

您可以使用React路由器的Link来处理此问题。

<Link to={{pathname:`${path}/&status=published`} > Published </Link>