Всем привет!
Уже задавал вопрос ночью, может все-же кто-нибудь хотя бы примерно подскажет, в каком направлении думать ?
Как будет правильно передавать данные на страницу товара, если я получаю данные с помощью axios, далее с помощью map вывожу все товары каталога на странице всех товаров, в каждую карточку передаю данные с помощью деструктуризации. Как мне потом передавать эти данные и возможно какие-либо еще из json файла - на страницу товара, при открытии страницы по нажатию на ссылку карточки каталога ?

Понимаю что антипаттерн, вот и пытаюсь разобраться, как это сделать по человечески

Храни в стейте данные, и при нажатии карточки в урл кидай уникальный id и при загрузки страницы с карточкой тяни эти данные со стейта

храни все в массиве из объектов которые могут быть параграфами, слайдерами и прочими вещами

Т.е. чтобы а.services-item__link вел на страницу товара

Т.е. мне необходимо прокидывать все данные так же в компонент элемента каталога ?

Не все, а отфильтровать по id, и тянут только тот

Используй хук react-router-dom useParams.
В странице товара пишешь так
const { id } = useParams();
И потом при нажатии на ссылку в карточке передаешь id этого товара по url в страницу товара и запрашиваешь соотвествующие данные

Не совсем понимаю, это уже на страницу каталога я так полагаю ? У меня запрос к данным происходит в App.js, далее я прокидываю данные в компонент страницы каталога, а там уже вывожу при помощи map и деструктуризации данные элементом карточки товаров, только вот не могу понять, как мне далее передавать данные на страницу товара каталога ?

подскажите как картинку в тултип воткнуть?

А как именно запросить данные ? Делать еще один запрос с помощью axios при переходе по ссылке или прокидывать данные и обращаться к ним ?

найти тултип который может принимать картинки

Можешь посоветовать библиотеки?

Привет! Подскажите, чем надо воспользоваться, чтобы не запрашивать данные в redux toolkit дважды при перерендеринге компонента, когда ушел с него на другую страницу и потом вернулся обратно?