Hashrouter 总是重定向到索引

Question

ReactDOM.render(
  <HashRouter>
    <Switch>
      <Switch>
        <Route path="/" render={props => <Index {...props} />} />
        <Redirect to="/" />
        <Route
          path="/staking"
          render={props => <LandingPage {...props} />}
        />
        <Redirect from="/" to="/index" />
      </Switch>
    </Switch>
  </HashRouter>,
  document.getElementById("root")
);

我的网址呈现为http://localhost:3000/staking#/

我必须为 github 页面使用 hashrouter。

我的链接如下

                <NavLink to="/staking">
                  <a href="/staking">
                  <i className="now-ui-icons business_bank"></i>
                  <p>Staking</p>
                  </a>
                </NavLink>react,h

我无法让它显示除索引之外的其他页面。

Answer 1

您的第二条路由是重定向到/，这导致每个路由器都重定向到/

删除这个

<Redirect to="/" />

此外，您不需要在<NavLink> 中使用<a> 标签，因为<NavLink> 将呈现为<a>，并且将充当href 属性。

<NavLink to="/staking">
   <a href="/staking">
        <i className="now-ui-icons business_bank"></i>
        <p>Staking</p>
    </a>
 </NavLink>

应该是

<NavLink to="/staking">=
   <i className="now-ui-icons business_bank"></i>
   <p>Staking</p>
</NavLink>