краткой информацией, при клике на которую мне необходимо вывести подробную информацию в новой вкладке. Для этого использую react-router-dom.
Делаю сайт на React.js/MUI.
Сам вопрос: переход при клике я смог реализовать, а как передать информацию с определенной карточки на неё? Если есть возможность, пожалуйста, подскажи как решить этот вопрос. Отлично было бы глянуть на какой-то пример кода или документации с примером такой реализации.
Спасибо за внимание.
Всем хорошего вечера!
Ничего не передавай. Бери id из params/query и грузи по нему подробную инфу
У Link из react router dom есть аттрибут state в который можно запихнуть обьект когда ты мапаешь массив и преобразуешь его в карточки Типо так(109 строка): https://github.com/Pesochenski/Image_collection/blob/main/collection-front/src/components/collection/index.tsx
Да, я понимаю, что по id нужно передать информацию, но не могу понять, как именно написать это. По этому хотел посмотреть пример
Ты просто делаешь запрос по id на сервак через аксиос каждый раз когда открываешь компонент, но у сервака должна быть возможность принять такой запрос
<Route component={Details} path="/details/:id" />
Затем можешь взять через props на Details
А как ты открываешь это в новой вкладке?
Ну, не совсем в новой вкладке, по маршрутизации скорее с другой адресной строкой
Обсуждают сегодня