时间戳

首页 > 解决方案 > 如何在 React 中不使用 JQuery 滚动到 id？

javascript - 如何在 React 中不使用 JQuery 滚动到 id？

问题描述

我目前在 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>

谢谢！

标签： javascriptjqueryreactjs

解决方案

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

推荐阅读