首页 > 解决方案 > 如何在 React Router 中获取多个字符串参数

问题描述

我需要捕捉这样的网址:

localhost:3000/mypage/name/123/234/345/456

我知道我可以使用这样的路线:

<Route path='/mypage/:pagename/:ids' component={MyComponent}/>

我不知道如何在 ids 中获取一个整数数组(我知道实际上它们是字符串)。请注意名称后项目上的数字可以更改。

有什么帮助吗?谢谢你们。

标签: javascriptreactjsreact-router

解决方案


对于这种情况,您应该使用查询参数

    <Route path='/mypage/:pagename' component={MyComponent}/>

和 URL 可以是localhost:3000/mypage/name?id=123&id=234&id=345&id=456

这样您就可以在组件内获取查询参数数组并处理该数据


推荐阅读