Reactjs 如何处理react路由器空url参数

Reactjs 如何处理react路由器空url参数,reactjs,react-router,react-router-dom,Reactjs,React Router,React Router Dom,我有一个如下结构的url <Route path="/product-:category-:subcategory-:variableOne-:variableTwo" component={Product} /> 但是,如果有人转到这里,它会显示默认处理程序的空页面: /product--fitness-happy-women /product-clothes--happy-women 如何使用参数的空值来处理此问题也许可以使用查询参数来代替路由参数,这样您

我有一个如下结构的url

<Route path="/product-:category-:subcategory-:variableOne-:variableTwo" component={Product} />
但是,如果有人转到这里,它会显示默认处理程序的空页面:

/product--fitness-happy-women
/product-clothes--happy-women

如何使用参数的空值来处理此问题

也许可以使用查询参数来代替路由参数,这样您就可以根据需要传递尽可能多或尽可能少的参数。这似乎是一个脆弱的uri设计,如果你坚持使用它,那么你可以对未定义的参数使用默认值,例如
any
,并在你的路径中处理它们,这样你就可以维护结构,例如
/product any fitness happy women
@RobertTerrell我希望url结构对seo友好,这样,是required@AMacdonald因此,您能推荐任何其他的uri设计,它既支持seo,又维护uri结构,这样我就不必传递任何像[any,all,etc]这样的值吗在这种情况下,您必须传入路由所需的确切数量的路由参数,我相信无论它们是否存在,因此如果您不传入健康参数,则可能传入空值等
/product--fitness-happy-women
/product-clothes--happy-women