可以用React Router HashRouter做双哈希?

时间:2017-12-07 20:32:14

标签: reactjs redux react-router react-router-v4

我试图做这个

<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只为第一个路径创建哈希(#),而不是动态参数。

有人有这个问题吗?

感谢。

1 个答案:

答案 0 :(得分:0)

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