// import React from 'react'; import { useSearchParams, Route, Link} from 'react-router-dom'; // import {useRef, useEffect} from 'react'; // // export const Title = ({children}: React.PropsW

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

// import React from 'react'; import { useSearchParams, Route, Link} from 'react-router-dom'; // import {useRef, useEffect} from 'react'; // // export const Title = ({children}: React.PropsWithChildren) => { // // return <h4>{children}</h4>; // // }; // export const Title = ({ children }) => { const titleRef = useRef(null); // const [searchParams, setSearchParams] = useSearchParams(); // useEffect(() => { // if (searchParams.currentTab === 'hotels' || searchParams.currentTab === 'countries') { titleRef.current.scrollIntoView({ behavior: 'smooth' }); } // }, [searchParams.currentTab]); // return <h4>{children}</h4>; // }; import React, { useEffect, useRef } from 'react'; export const Title = ({ children }: React.PropsWithChildren) => { const titleRef = useRef<HTMLHeadingElement>(null); const [searchParams, setSearchParams] = useSearchParams(); useEffect(() => { if (searchParams.currentTab === 'hotels' || searchParams.currentTab === 'countries') { titleRef.current.scrollIntoView({ behavior: 'smooth' }); } }, [searchParams.currentTab]); return <h4 ref={titleRef}>{children}</h4>; } где ошибка

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

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

Ошибка в коде заключается в том, что переменная setSearchParams не была импортирована из react-router-dom, но используется в коде. Для исправления этой ошибки необходимо импортировать setSearchParams из react-router-dom:

import React, { useEffect, useRef } from 'react';
import { useSearchParams } from 'react-router-dom';

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

  useEffect(() => {
    if (searchParams.currentTab === 'hotels' || searchParams.currentTab === 'countries') {
      titleRef.current.scrollIntoView({ behavior: 'smooth' });
    }
  }, [searchParams.currentTab]);

  return <h4 ref={titleRef}>{children}</h4>;
}

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

import React, { useEffect, useRef } from 'react';
import { useSearchParams } from 'react-router-dom';

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

  useEffect(() => {
    if (searchParams.currentTab === 'hotels' || searchParams.currentTab === 'countries') {
      titleRef.current.scrollIntoView({ behavior: 'smooth' });
    }
  }, [searchParams.currentTab]);

  return <h4 ref={titleRef}>{children}</h4>;
}

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

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

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

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