Size: a a a

JS Liberty [ОЫ]

2020 July 21

А

Александр in JS Liberty [ОЫ]
помогите разобраться, пожалуйста, с правильным алгоритмом действий реакте...
Вот пользователь ввел в форму номер автомобиля. Этот номер через сабмит, пошел в санку, попал в апишку, выполнился запрос и в стейт пришли данные об этом автомобиле. Компонента их получила через пропсы и перерисовалась с информацией об автомобиле.  
Кроме того, урл изменился на mysite.ru/nomber/AA0001AX
где последняя часть пути – это соответственно сам номер.

Но вот в чем вопрос. Как делиться таким адресом? Как правильно сделать так, чтобы мое SPA обрабатывало этот номер, получая из урла? Я то могу поменять логику на подобную, как в пхп, чтобы санка брала урл не из формы, а уже из урла. И тогда по идее будет срабатывать при введении урла мое приложение. Но разве это не извращение будет?
источник

CM

Chingiz Mamiyev in JS Liberty [ОЫ]
Bunk Bunkovich 🐈
бот работает
источник

B

Bunk Bunkovich 🐈 in JS Liberty [ОЫ]
Александр
помогите разобраться, пожалуйста, с правильным алгоритмом действий реакте...
Вот пользователь ввел в форму номер автомобиля. Этот номер через сабмит, пошел в санку, попал в апишку, выполнился запрос и в стейт пришли данные об этом автомобиле. Компонента их получила через пропсы и перерисовалась с информацией об автомобиле.  
Кроме того, урл изменился на mysite.ru/nomber/AA0001AX
где последняя часть пути – это соответственно сам номер.

Но вот в чем вопрос. Как делиться таким адресом? Как правильно сделать так, чтобы мое SPA обрабатывало этот номер, получая из урла? Я то могу поменять логику на подобную, как в пхп, чтобы санка брала урл не из формы, а уже из урла. И тогда по идее будет срабатывать при введении урла мое приложение. Но разве это не извращение будет?
хз, но я бы сделал, чтобы оно обрабатывалось только при переходе на страницу с номером
источник

B

Bunk Bunkovich 🐈 in JS Liberty [ОЫ]
точнее, перекидываешь на урл с номером, и уже тогда отрисовываешь
источник

В

Виктория in JS Liberty [ОЫ]
Стопэ
источник

В

Виктория in JS Liberty [ОЫ]
Тут надо разруливать
источник

В

Виктория in JS Liberty [ОЫ]
На бэке
источник

В

Виктория in JS Liberty [ОЫ]
И ты должен всегда брать айди из урла
источник

А

Александр in JS Liberty [ОЫ]
на бэке все работает правильно. Если запрос пошел на mysite.ru/nomber/AA0001AX, то и автомобиль пришел с номером AA0001AX
Но как на реакте это обработать правильнее?
Получается id все-таки брать из урла?
источник

А

Александр in JS Liberty [ОЫ]
и слать запрос. Не из инпута?
источник

B

Bunk Bunkovich 🐈 in JS Liberty [ОЫ]
нет
источник

B

Bunk Bunkovich 🐈 in JS Liberty [ОЫ]
из урла
источник

А

Александр in JS Liberty [ОЫ]
а... ну тогда все по идее будет работать как надо...
источник

B

Bunk Bunkovich 🐈 in JS Liberty [ОЫ]
тоесть типо делает запрос, ты перекидываешь его на урл, и уже берешь номер из урла
источник

В

Виктория in JS Liberty [ОЫ]
Ты должен делать редирект в приложухе на страницу с авто, и уже тут парсить айди из урла и слать запрос на бэк для получения данных
источник

В

Виктория in JS Liberty [ОЫ]
До этого должен отображаться лоадер
источник

В

Виктория in JS Liberty [ОЫ]
На странице
источник

А

Александр in JS Liberty [ОЫ]
спасибо) лоадер вроде сделал. Но не успеваю увидеть, работает ли он... Ну то такое уже...
источник

В

Виктория in JS Liberty [ОЫ]
Виктория
Ты должен делать редирект в приложухе на страницу с авто, и уже тут парсить айди из урла и слать запрос на бэк для получения данных
Если реакт роутер используется, то это очень просто делается
В методе componentWillMount достается айдишник из урла и дальше делается диспатч экшена на обработку
источник

В

Виктория in JS Liberty [ОЫ]
Логику обработки мы в самом компоненте не пишем
источник