Как сделать материал UI Tab компонентом Auto Scrollable в реакции

Question

Я использую пользовательский интерфейс материалов для реагирования на компоненты для интерфейса в реакции, у меня возникают проблемы с вкладками, я хочу, чтобы при нажатии на любую из вкладок упоминания страница автоматически прокручивалась вниз, прямо сейчас, когда я щелкаю эту вкладкуне прокручивает

Я пытался с модулем реагирования прокрутки, но это не дает результат, вместо этого он бросает меня в конец страницы,

пример демонстрации: https://codesandbox.io/s/yko6x8r0wz

Когда вы нажмете на PageOne внутри раздела Tab, он должен немного прокрутиться вниз

Answer 1

Когда я создавал SPA, я использовал эту библиотеку: act-router-hash-link .Он имеет хеш-ссылку, которая управляет плавной прокруткой по разделам.

Учебник с примерами ссылок: this .

Вы можете определить новую ссылку в разделе вкладок thisway:

import { HashLink as Link } from 'react-router-hash-link';
<Link to="/menu#section-a">Link to Section A</Link>

Надеюсь, хотя, если это не та же библиотека, она может вам помочь:)