转到另一个页面，一次单击滚动到特定的div (Reactjs)

Question

我的问题很简单，但我不知道该怎么做，我在一个使用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>

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

Answer 1

你可能会遇到这样的情况，因为点击滚动链接没有被取消，它将在链接上加载整个页面的href，而不仅仅是单页面导航。将您的onClick更改为：

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