Javascript 转到另一个页面，一次单击即可滚动到特定的div（Reactjs）

我的问题很简单，但我不知道该怎么办，我正在使用Reactjs开发一个网站，这是我的问题 我需要在单击按钮时向下滚动到一个特定的div，当我在同一页上时，它可以正常工作，但当我在另一页上时，它只能导航（因为按钮位于导航栏中，所以它会显示在所有页面中）

我正在使用react scroll的链接，代码如下：

import { Link as Scrolllink, animateScroll as scroll } from 'react-scroll'

                <li className="has-children" >
                    <Scrolllink
                        onClick={() => props.history.push('/fashion')}
                        to="HowItWorks"
                        spy={true}
                        smooth={true}
                        offset={-70}
                        duration={1500}
                    >How it works</Scrolllink>
                </li>

从“react scroll”导入{Link as Scrolllink，animateScroll as scroll}

props.history.push（'/fashion'）}
to=“如何工作”
spy={true}
平滑={true}
偏移量={70}
持续时间={1500}
>工作原理

那么我应该怎么做才能让它导航然后滚动呢？

---

提前感谢

您可能会遇到这样一种情况，即由于没有取消对滚动链接的单击，它将在链接上加载整个页面的href，而不仅仅是进行单页导航。将onClick更改为：

onClick={e => {
  e.preventDefault();
  props.history.push('/fashion');
}}

---

您是否尝试过向该div添加id并将#div id附加到您的url

/fashion#div id滚动

@AlexanderVidaurreArroyo是的，遇到同样的问题，我必须再次单击滚动