React как открыть карточку товара в новом окне браузера и не потерять данные?

Question

[DavidWork]

Добрый день.
Стала задача при клике на кнопку подробнее карточка товара открывалась в новом окне браузера.
Но проблема в том что данные в новом окне теряются. И рендерится пустая страница.
Подскажите пожалуйста как решить данную проблему.

Answer 1

[Тихон Ермаков]

Я считаю это не очень хорошим подходом в использовании SPA.

Решение, думаю, записать нужные данные в localStorage перед тем, как открыть новую вкладку.

Подробнее о localStorage здесь.

Answer 2

[kyzinatra]

IndexDB если локально.
Если по хорошему, то данные с серва получать.
или можно Router юзать, но насколько я понимаю нужно будет в 1 вкладке все делать

Answer 3

[hzzzzl]

react-router-dom
https://reactrouter.com/web/guides/quick-start

Стала задача при клике на кнопку подробнее карточка товара открывалась в новом окне браузера.

то есть что-то в духе

<a href="/item/item_name" target="_blank">Go to item</a>

и где-то в аппе отлавливать

<Route path='/item/:item_name' exact render={props => <ItemPage {...props} />} />

за современный синтаксис router-dom не отвечаю, уже времечко его не трогал