轉到另一個頁面並單擊滾動到特定的 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');
}}