поэтому для получения данных из API в реакции мы можем использовать useEffect() или комбинацию useEffect() и useCallback(), но есть очень неприятная проблема, которую я вижу большую часть времени, когда мы получаем дублирование запросов, хотя StrictMode уже удален из main.tsx, затем вы начинаете создавать ссылки с помощью useRef(), чтобы проверить, не устарели ли данные, и решить, когда сделать запрос снова, особенно когда у нас есть состояния, которые получают intiailaized с нулевым значением затем становится 0
поэтому я узнал об useQuery из TanStack, в основном он используется, когда вы хотите избежать ненужных выборок, например, при переключении вкладок, но оказалось, что он решает всю проблему дублирования выборок с помощью минимального кода, поэтому считается ли более профессиональным использовать его для извлечений API повсюду, например, в компоненте AddProduct.tsx?
Подробнее здесь: https://stackoverflow.com/questions/798 ... i-in-react