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")
);

我的url呈现为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>，而to将充当href prop。

<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>