如何在不使用React的JQuery的情况下滚动到ID？

Question

我目前在Reactjs中使用JQuery进行滚动。 我意识到，将两者混合在一起不是一个好主意，仅使用React即可完成。 但是，我想知道是否有人可以在React中向我展示如何执行以下操作？

    $("#sideOne").click(function () {
    $('html, body').animate({
        scrollTop: $("#first").offset().top
        }, 2000);
    });

    <div id="mySidenav" class="sidenav">
     <a href="#first" id="sideOne" class="pink">About</a>
     <a href="#second" id="sideTwo" class="purple">Steps</a>
     <a href="#fourth" id="sideThree" class="blue">Contact</a>
    </div>

谢谢！

Answer 1

您可以使用ReactJS中介绍的本机JavaScript解决方案之一， 如何滚动到元素

或使用第三方库来实现该功能，例如https://github.com/ganderzz/react-scroll-to或https://github.com/fisshy/react-scroll （更多内容请参见https：// www.google.de/search?q=scrollTo+reactjs ;）

Answer 2

您可以使用这个很酷的库https://github.com/fisshy/react-scroll