Size: a a a

React — русскоговорящее сообщество

2021 March 30

DP

Den Pol in React — русскоговорящее сообщество
Dmitriy Melnik
Перед загрузкой кабинета, делаю запрос и в заисимости от ответа с апи, хочу средиректить на нужную мне страницу

export const getServerSideProps = async (context) => {
 const {res, req} =  context;
 const headers = {
   "Referer": req.headers.referer ? req.headers.referer : req.headers.host,
   "Cookie": req.headers.cookie
 };
 const statusPageRedirect = async (status) => {
   console.log(status);
   switch (status) {
   case "new_buy":
     res.redirect("/thankyou");
     return;
   default:
     res.redirect("/thankyou");
     return;
   }
 };
 try {
   const clientApplication = await apiGetApplication(headers)
     .then(response => response?.data[0].status);
   await statusPageRedirect(clientApplication);
   return {props: {}};
 } catch (error) {
   return res.redirect("/login"); // если пользователь не  авторизован редиректим на логин
 }
};
export default connect(state=>state, mapDispatchToProps)(Cabinet);

Появляется ошибка :
Cannot set headers after they are sent to the client
Как правильно сделать редирект ?
источник

as

artem sdobnikov in React — русскоговорящее сообщество
Ravil G
Привет всем.

Зачем в react-router-dom нужен компонент Link если обычный переход по ссылке тоже работает?
Обычная линка грузит вкладку другую
А в спа так не делается
источник

RG

Ravil G in React — русскоговорящее сообщество
больше времени то есть уходит?
источник

RG

Ravil G in React — русскоговорящее сообщество
я разницы даже не заметил
источник

0

0xLDev | Web Develop... in React — русскоговорящее сообщество
Ravil G
Привет всем.

Зачем в react-router-dom нужен компонент Link если обычный переход по ссылке тоже работает?
Линк это и есть обычный тег a,только у него отключен preventDefault (что не перезагружает страницу)
источник

NL

Night Lovell in React — русскоговорящее сообщество
Как вывести массив svg картинок в create react app?
источник

YP

Yarik Pesochenski in React — русскоговорящее сообщество
Ravil G
я разницы даже не заметил
Потому что ты на домашнем инете сидишь, он то понятно быстрый, но вообще разница есть и она влияет на скорость работы всей апки
За <a> внутри <li> вообще по рукам бы дал, надо
<nav>
   <NavLink></NavLink>
</nav>
источник

RG

Ravil G in React — русскоговорящее сообщество
0xLDev | Web Developer
Линк это и есть обычный тег a,только у него отключен preventDefault (что не перезагружает страницу)
вот сейчас заметил загрузку. Спасибо большое
источник

YP

Yarik Pesochenski in React — русскоговорящее сообщество
0xLDev | Web Developer
Линк это и есть обычный тег a,только у него отключен preventDefault (что не перезагружает страницу)
Наоборот подключен же, типо встроенный метод preventDefault(), или я не понимаю чего-то?
источник

0

0xLDev | Web Develop... in React — русскоговорящее сообщество
Yarik Pesochenski
Наоборот подключен же, типо встроенный метод preventDefault(), или я не понимаю чего-то?
Когда ты просто вставишь тег а,и попробуешь перейти по ссылке,у тебя перезагрузится страница,ты используешь компонент Link из RRD,у которого отключен preventDefault,соответственно когда ты нажмешь на ссылку у тебя не будет перезагрузки.
источник

YP

Yarik Pesochenski in React — русскоговорящее сообщество
Ну да, я о том же
источник

YP

Yarik Pesochenski in React — русскоговорящее сообщество
Просто я думал что preventDefault это метод который отключает дефолтное поведение
источник

0

0xLDev | Web Develop... in React — русскоговорящее сообщество
Так и есть он отменяет действия браузера по умолчанию.
источник

RG

Ravil G in React — русскоговорящее сообщество
А как страница превращается из / в /page без перезагрузки
текст ссылки и т.п.
источник

0

0xLDev | Web Develop... in React — русскоговорящее сообщество
Ravil G
А как страница превращается из / в /page без перезагрузки
текст ссылки и т.п.
Почитай про роутинг на хабре.
источник

TN

Trung Ngo in React — русскоговорящее сообщество
Всем привет, у меня есть span тег, как я могу получить изменение его текста ?
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
:wat:
источник

А

Антон in React — русскоговорящее сообщество
Trung Ngo
Всем привет, у меня есть span тег, как я могу получить изменение его текста ?
text -> делаешь из него state, и span !== input
источник

A

Andrew in React — русскоговорящее сообщество
Trung Ngo
Всем привет, у меня есть span тег, как я могу получить изменение его текста ?
useEffect(() =>{
//when text change
}, [text])
источник

TN

Trung Ngo in React — русскоговорящее сообщество
спасибо Вам 👍
источник