Javascript 从API端点对ReactJS中的对象数组进行排序

简言之：我正在开发一个自行车收集应用程序，在这个应用程序中，我从我的端点提取一个对象数组来显示在页面上。现在，当用户在下拉菜单中选择一个字段时，我想添加根据年份、品牌和大小对自行车进行排序/过滤的功能。我如何在react中通过组件实现这一点

与浏览器中的类似：/category？year=2000&size=XL&brand=cervelo，当选择下拉列表中的字段时，我希望从我的组件中执行此操作

这是我的组件：

---

如果您使用的是React Router v3或v2，则可以从传递到组件的location.query对象访问查询字符串参数。 例如：

<Route path="category" component={Category} />

然后在分类组件中，您可以执行以下操作。props.location.query.year等

编辑 忘记提到react路由器v4不支持此功能。您可以阅读其他解决方案

编辑2 以下是您在评论中提出的其他问题： 根据您发布的url： 本地主机：3000/类别？年份=2000，尺寸=XL，品牌=cervelo 通过访问this.props.location.query.year将返回2000

---

而this.props.location.query.brand将返回cervelo等…

你知道，你发布了一个引用到。。。我们无法真正访问它：它不是供您访问的链接，我只是想表明我可以使用此查询对数组进行排序，我想在我的React组件中执行类似的操作：知道了。对不起，误会了。我已经发布了一个方法，我用酷！是的，我使用的是react router V3，但如果我想查询某一特定年份的品牌，那可能吗？

<Route path="category" component={Category} />