Question

我试图做这个

<Route
    exact
    path={"/" + myPath + "/:product"}
    render={(props) => {
        return (
            <ProductInFocus
                productFocus={this.props.productFocus}
                state={this.props.productFocusState}
                match={props.match}
            />
        )
    }}
/>

其中myPath类似于root / mobiles / 或root / 服装或该产品所属的任何类别。

现在，网址最终结果如下：http://localhost:3000/#/mobiles/example

我希望它看起来像这样：http://localhost:3000/#/mobiles/#/example

问题是，React Router HashRouter只为第一个路径创建哈希（＃），而不是动态参数。

有人有这个问题吗？

感谢。

Answer 1

React Router不提供此功能。散列（＃）是URI Spec（RFC 3986）的一部分，用于标识URI的一个片段。在URL中有两个没有意义，就像在URL中有两个问号（？）一样没有意义。

可以用React Router HashRouter做双哈希？

1 个答案: