На экране вы видите табы.currentTab одно из двух значений: hotels или countries, в зависимости от нажатого таба. В компоненте src/pages/List/components/Title начните отслеживать SearchParams

Вопрос пользователя:

На экране вы видите табы.currentTab одно из двух значений: hotels или countries, в зависимости от нажатого таба. В компоненте src/pages/List/components/Title начните отслеживать SearchParams. Если ключ currentTab изменяется, запускайте скролл до текущего элемента. Для отслеживания текущих параметров используйте хук useSearchParams. Чтобы проскроллить к текущему элементу, используйте ref и scrollIntoView. Нажатие на соответствующий таб должно проставлять в SearchParams в ключ currentTab значение таба. import React from 'react'; export const Title = ({children}: React.PropsWithChildren) => { return <h4>{children}</h4>; };

Ответ нейросети:

Пройдите быструю авторизацию для просмотра:

import React, { useEffect, useRef } from 'react'; import { useSearchParams } from 'src/hooks/useSearchParams';

export const Title = ({ children }: React.PropsWithChildren) => { const ref = useRef<HTMLHeadingElement>(null); const [searchParams, setSearchParams] = useSearchParams();

useEffect(() => { if (searchParams.currentTab) { const currentTabElement = document.getElementById(searchParams.currentTab); if (currentTabElement && ref.current) { currentTabElement.scrollIntoView({ behavior: 'smooth', block: 'start' }); } } }, [searchParams.currentTab]);

const handleClick = (tab: string) => { setSearchParams({ currentTab: tab }); };

return ( <h4 ref={ref} id={searchParams.currentTab}> {children} </h4> ); };

Напишите нам, если в вопросе есть ваши персональные данные (yasnoponyatno24@yandex.ru)

ЯсноПонятно24

Пройдите быструю авторизацию для просмотра:

Пройдите быструю авторизацию для просмотра:

Последние вопросы: