代码之家  ›  专栏  ›  技术社区  ›  catandmouse

如果来自不同的路由,react路由器哈希链接不起作用

  •  0
  • catandmouse  · 技术社区  · 6 年前

    我在用 react-router-hash-link 要前往同一路线内的不同路段:

    import { HashLink as Link } from "react-router-hash-link";
    

    在渲染中:

    render() {
         <Link smooth to="#header2">
            Scroll to header 2 section
         </Link>
         <h2 id="header2"></h2>
    }
    

    这很管用。但是,如果我来自另一条路径,并使用哈希链接到另一条路径,它不会滚动到该部分。

    e、 现在我加入了 /routeone

    render() {
       <Link smooth to="/routetwo#header2">
          Go to Route Two, header 2 section
       </Link>
    }
    

    我进口了 HashLink 也在 /鲁通 在这个例子中。

    少了什么?

    0 回复  |  直到 6 年前
        1
  •  -2
  •   Shweta patel    5 年前

    而不是 <h2 id="header2"></h2> 如果你继续 <a id="header2"></a> 它起作用了。