Всем привет! Вопрос по React. Подскажите пожалуйста, что мне нужно

Question

Всем привет! Вопрос по React. Подскажите пожалуйста, что мне нужно

передать по url, чтобы получить в компоненте this.props.location ?
пока вот так открываю страницу (см. скрин). На этой странице планирую показать данные о продукте. Как это лучше сделать?

#frontend #javascript #programming #react.js #russian

0

29.06.2022

30 ответов

22 просмотра

Yuliya Ants Автор вопроса

памагити 😅

0

29.06.2022

R ZHUKOV ZHUKOV

использовать реакт роутер

0

29.06.2022

Артур Мудрик 🇮🇱🇷🇺

Yuliya Ants
памагити 😅

нужно хоть одним глазком заглянуть на официальный сайт Реакта в документацию и посмотреть, что такое вообще этот Реакт

0

29.06.2022

Yuliya Ants Автор вопроса

когда я открываю страницу Product, то this.props.location пустое (undefined) видимо мне както надо перекинуть пропсы с Card в Product но как это лучше сделать? В рутере у меня есть запись <Route path="product/:product" element={<Product />} />

0

29.06.2022

Артур Мудрик 🇮🇱🇷🇺

Yuliya Ants
когда я открываю страницу Product, то this.props.l...

есть в роутере useLocation-хук, есть просто window.location в самом яваскрипте

0

29.06.2022

Yuliya Ants Автор вопроса

Артур Мудрик 🇮🇱🇷🇺
есть в роутере useLocation-хук, есть просто window...

А если я пробую вот так передать данные, почему они тоже не доступны в компоненте? this.props.location остается пустым (

0

29.06.2022

R ZHUKOV ZHUKOV

Yuliya Ants

А если я пробую вот так передать данные, почему он...

я уже не очень помню классовие компонент, но кажется, чтоби пропси получать нужно нужно конструктор обьявить и super в нем прописать, мб ошибаюсь

0

29.06.2022

bxckwood

R ZHUKOV ZHUKOV
я уже не очень помню классовие компонент, но кажет...

+

0

29.06.2022

Yuliya Ants Автор вопроса

в карточке все норм доступно и их я правильно вывожу со всеми нужными пропсами но теперь мне нужно както при клике на карточку открывать выбранный продукт как это правильно сделать? через Link я так понимаю параметры без хуков не передать? (у меня классовые компоненты)

0

29.06.2022

R ZHUKOV ZHUKOV

Yuliya Ants
в карточке все норм доступно и их я правильно выво...

передать, просто через : указывай айди

0

29.06.2022

Yuliya Ants Автор вопроса

R ZHUKOV ZHUKOV
передать, просто через : указывай айди

где его правильно указать? я вот так пытаюсь перекинуть, не работает <Link to={{ pathname: /product/${this.props.product.id} }} state={{ from: this.props.product.id }} > Путь формируется правильно, а стейт без хуков не доступен

0

29.06.2022

R ZHUKOV ZHUKOV

Yuliya Ants
где его правильно указать? я вот так пытаюсь перек...

ну урла правильная в браузере?

0

29.06.2022

Yuliya Ants Автор вопроса

R ZHUKOV ZHUKOV
ну урла правильная в браузере?

да, правильная

0

29.06.2022

R ZHUKOV ZHUKOV

Yuliya Ants
да, правильная

ну теперь показывай как ты в компоненте продукта читаешь id

0

29.06.2022

R ZHUKOV ZHUKOV

нет, в компонент дид маунт читай локейшн

0

29.06.2022

R ZHUKOV ZHUKOV

ты запрос за данными по айди как будешь делать?

0

29.06.2022

Yuliya Ants Автор вопроса

R ZHUKOV ZHUKOV
ты запрос за данными по айди как будешь делать?

да, планирую так

0

29.06.2022

R ZHUKOV ZHUKOV

Yuliya Ants
да, планирую так

ну а запрос в каком месте компонента ты будешь делать?)

0

29.06.2022

Yuliya Ants Автор вопроса

R ZHUKOV ZHUKOV
нет, в компонент дид маунт читай локейшн

я не могу прочитать локейшн

0

29.06.2022

R ZHUKOV ZHUKOV

Yuliya Ants
я не могу прочитать локейшн

покажи как ты читаешь

0

29.06.2022

Yuliya Ants Автор вопроса

R ZHUKOV ZHUKOV
ну а запрос в каком месте компонента ты будешь дел...

в дидмаунте буду, как обычно

0

29.06.2022

Yuliya Ants Автор вопроса

R ZHUKOV ZHUKOV
покажи как ты читаешь

много способов уже пробовала, пока ни один не сработал withRouter - не находит, видимо в 6 роутере убрали уже его хук useLocation() не могу использовать, так как у меня классовые компоненты сижу туплю

0

29.06.2022

R ZHUKOV ZHUKOV

Yuliya Ants
много способов уже пробовала, пока ни один не сраб...

ты можешь код показать?

0

29.06.2022

R ZHUKOV ZHUKOV

R ZHUKOV ZHUKOV
ты можешь код показать?

как ты в компонент дидмаунт читаешь

0

29.06.2022