如何在ReactJS中导航到同一页面上的特定div？

Question

我必须在React JS应用程序的同一页面上导航到特定的div。例如，如何在以下网站中进行操作。当单击时，UI滚动并专注于特定的div，并且与此网站上的其他链接类似。 https://reacttraining.com/react-router/web/api/NavLink/strict-bool

Answer 1

获取目标元素的偏移量，然后使用require_once "vendor/autoload.php"; $dotenv = Dotenv::create(__DIR__); // Dir where your .env file is located $dotenv->load(); 将其放置在页面顶部或所需位置。这将适用于chrome /最新浏览器。您可能需要检查其他浏览器的兼容性。

window.scrollTo

程序已在代码笔中 https://codepen.io/Divine1/pen/zbQVwR

更新

我已经将此逻辑添加到在线reactjs项目编辑器中，并且可以正常工作。 您可以查看此代码的工作原理https://repl.it/@Divine1/QuietHeartyApplicationstack

检查let offsetTop = document.getElementById("yourelement").offsetTop; window.scrollTo({ top: offsetTop-100, behavior: "smooth" }); App.js和实时结果。