Size: a a a

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

2020 July 06

И

Иван in React — русскоговорящее сообщество
Дмитрий
сейчас у меня примерно вот так :

const isAuth = async () => {
   try {
     const res = await getUserData();
     console.log(res);
   } catch (e) {
     console.log(e);
   }
 };



<Switch>
     <Route path="/" onEnter={isAuth}>
       <RootPage />
     </Route>
   </Switch>
посмотри, как у Never Mind запрос в App выполняется

https://t.me/react_js/961748
источник

VM

Vladimir M in React — русскоговорящее сообщество
как определить что юзер доскролил до самого дна дива?)
el.getBoundingClientRect().bottom <= window.innerHeight;

чет не помогло
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
источник

ТФ

Татьяна Фомина... in React — русскоговорящее сообщество
Иван
и зачем ты делаешь запрос из компонента, если у тебя есть стейт-менеджер?
а если в запросе нужно брать id из урла страницы, то его нужно взять в самом компоненте и задиспатчить экшен с этим id, который запросит данные с этим ид, или как-то из самого редакса нужно получить текущий ид и его использовать для запроса?
источник

И

Иван in React — русскоговорящее сообщество
Татьяна Фомина
а если в запросе нужно брать id из урла страницы, то его нужно взять в самом компоненте и задиспатчить экшен с этим id, который запросит данные с этим ид, или как-то из самого редакса нужно получить текущий ид и его использовать для запроса?
Первый вариант
источник

ТФ

Татьяна Фомина... in React — русскоговорящее сообщество
Иван
Первый вариант
а почему из редакса получать ид плохо?
источник

V

Valentin in React — русскоговорящее сообщество
Иван
пробовал фильтр?
Сложна!
источник

A

Artem in React — русскоговорящее сообщество
Добрый день) Пытаюсь сделать форму для редактирования данных. Звучит банально просто, но я запутался. Проблема в том что данные загружаются после монтирования компонента и кладутся в store, а state компонента (Edit) формируется в конструкторе. Из-за чего после загрузки они не отображаются в полях input. Пытался через componentDidUpdate обновлять, но мне кажется это не совсем правильное решение, так как он обновляется ещё и тогда когда вводят текст в поле. Как правильно сделать такой компонент, есть какие нибудь best practies по таким решениям? Урезанный пример(основная логика сохранена):
https://codesandbox.io/s/gallant-paper-pe8pp?file=/src/App.js
Может у кого есть пример кода по данному вопросу. Библиотеки и прочее не предлагать)
Понимаю что решение где-то рядом, но не могу понять где
источник

AT

Andrey Tsapko in React — русскоговорящее сообщество
Artem
Добрый день) Пытаюсь сделать форму для редактирования данных. Звучит банально просто, но я запутался. Проблема в том что данные загружаются после монтирования компонента и кладутся в store, а state компонента (Edit) формируется в конструкторе. Из-за чего после загрузки они не отображаются в полях input. Пытался через componentDidUpdate обновлять, но мне кажется это не совсем правильное решение, так как он обновляется ещё и тогда когда вводят текст в поле. Как правильно сделать такой компонент, есть какие нибудь best practies по таким решениям? Урезанный пример(основная логика сохранена):
https://codesandbox.io/s/gallant-paper-pe8pp?file=/src/App.js
Может у кого есть пример кода по данному вопросу. Библиотеки и прочее не предлагать)
Понимаю что решение где-то рядом, но не могу понять где
Тебе нужно использовать значения из store в качестве defaultValue для твоих инпутов. А вот стору по onChange - дёргать не нужно. Тебе нужно дёрнуть форму на onSubmit и отправить данные куда тебе нужно, в редакс, apiCall.
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
Татьяна Фомина
а почему из редакса получать ид плохо?
Это будет больше на хардкод походить, если конечно id не в парамсах урла
источник

VS

Vladimir Samoilenko in React — русскоговорящее сообщество
Всем привет! Хочу для набития руки написать какой-нибудь небольшой кастомный хук, но не могу придумать, какой. Подкиньте челлендж?
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
Vladimir Samoilenko
Всем привет! Хочу для набития руки написать какой-нибудь небольшой кастомный хук, но не могу придумать, какой. Подкиньте челлендж?
валидатор для значений формы по схеме
источник

С

Сергей in React — русскоговорящее сообщество
Ребят, подскажите как сделать скролл и сверху и снизу блока?
источник

VS

Vladimir Samoilenko in React — русскоговорящее сообщество
Bugs Bunny
валидатор для значений формы по схеме
а что за схема?
источник

ТФ

Татьяна Фомина... in React — русскоговорящее сообщество
Daniil Tchernyavsky
Это будет больше на хардкод походить, если конечно id не в парамсах урла
не поняла, что значит "ид в парамсах урла"? вот такой роут
<Route path="/articles/:slug" component={Article} exact />
источник

F

Frenky in React — русскоговорящее сообщество
Я не пойму почему у меня ререндерится компонент, посмотрите у кого есть время, сам не могу разобраться несколько дней, с помощью надеюсь потом пойму, как это дебажить

И отдельно @gorbunov_ , @undefned, потому что они немного уже в теме
источник

F

Frenky in React — русскоговорящее сообщество
источник

ТФ

Татьяна Фомина... in React — русскоговорящее сообщество
Vladimir Samoilenko
Всем привет! Хочу для набития руки написать какой-нибудь небольшой кастомный хук, но не могу придумать, какой. Подкиньте челлендж?
открытие/закрытие модалки
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
Татьяна Фомина
не поняла, что значит "ид в парамсах урла"? вот такой роут
<Route path="/articles/:slug" component={Article} exact />
Ну вот ты делаешь диспатч и не прокидываешь туда явно id. Как ты хочешь этот айди получить на уровне редакса? Через getState? Если парсить Location API, то урл вида https://kek.kek/kekekek/kekeka/1234 будет хардкод иметь для получения id
источник

VS

Vladimir Samoilenko in React — русскоговорящее сообщество
Татьяна Фомина
открытие/закрытие модалки
useModalOpened? Чтобы возращало true, если модалка открыта?
источник