169 похожих чатов

Всем добрый вечер! Прошу совет/помощи и т.д У меня есть карточка с

краткой информацией, при клике на которую мне необходимо вывести подробную информацию в новой вкладке. Для этого использую react-router-dom.
Делаю сайт на React.js/MUI.
Сам вопрос: переход при клике я смог реализовать, а как передать информацию с определенной карточки на неё? Если есть возможность, пожалуйста, подскажи как решить этот вопрос. Отлично было бы глянуть на какой-то пример кода или документации с примером такой реализации.
Спасибо за внимание.
Всем хорошего вечера!

8 ответов

7 просмотров

Ничего не передавай. Бери id из params/query и грузи по нему подробную инфу

У Link из react router dom есть аттрибут state в который можно запихнуть обьект когда ты мапаешь массив и преобразуешь его в карточки Типо так(109 строка): https://github.com/Pesochenski/Image_collection/blob/main/collection-front/src/components/collection/index.tsx

V- Автор вопроса

Да, я понимаю, что по id нужно передать информацию, но не могу понять, как именно написать это. По этому хотел посмотреть пример

Ты просто делаешь запрос по id на сервак через аксиос каждый раз когда открываешь компонент, но у сервака должна быть возможность принять такой запрос

<Route component={Details} path="/details/:id" />

Затем можешь взять через props на Details

А как ты открываешь это в новой вкладке?

V- Автор вопроса

Ну, не совсем в новой вкладке, по маршрутизации скорее с другой адресной строкой

Похожие вопросы

Обсуждают сегодня

А чем вам питонисты не угодили?😂
.
79
Язык Си можно выучить за день? По книжке ANSI C на 230 страниц
Vincent Vegan
29
Всем привет, написал код ниже, но он выдает сегфолт, в чем причина? #include <stdio.h> #include <stdlib.h> #include <string.h> struct product { char *name; float price; };...
buzz базз
75
Dim Dim, [02.07.2024 11:07] DB 0x62 Dim Dim, [02.07.2024 11:07] DB 0x66 Dim Dim, [02.07.2024 11:07] кто пояснит что это?
Dim Dim
14
Ошибка: segmentation fault (core dumped) Код: pastebin.com/BEsNNSSV Сообщение от компилятора: отсутствует ОС: Arch Linux Ядро: x86_64 Linux 6.9.7-arch1-1 Процессор: Intel Cele...
sec
4
Ребят, а за скок можно впарить анон чат с апишкой и веб админкой ?
Eugene Неелов
15
@ahndmn @ayaw0_0 здарова, на чем пишете?
Aiwan \ (•◡•) / _bot
7
Кстати, я тут еще с одной темой столкнулся, вот учу я C++, на таком то ресурсе, а остальные постоянно советуют практиковаться, что то писать, проекты, но как писать если вот т...
aaswq1
7
Ещё такой вопрос. Мне необходимо хранить пароль пользователя локально. Для этого планирую использовать ini файл. Это для автозаполнения полей логин и пароль при авторизации. Е...
Евгений
19
с помощью чего можно бота добавить как админа в чат? (условно в боте есть кнопка, нажатие на которую приводит тебя к выбору чата и выдаче прав боту)
ηє νєямσяє
5
Карта сайта