Александр
Странный код
Michail
React Hook useEffect has a missing dependency: 'ref'. Either include it or remove the dependency array
Александр
Simonov
не лучше все это сделать в самой функции. ты измени данные и верни уже нужные
Александр
окей))
Но ваш код странный начиная с useState, если это не эксперимент, а реальный код, то советую переосмыслить
Simonov
зачем это в эффекте делать. эффект для remoteЗапрсов обычно. это же аналог componentDimount и componentWillUpdate вроеде бы
Simonov
по моему вопросу ни у кого идей нет?)
Александр
Но ваш код странный начиная с useState, если это не эксперимент, а реальный код, то советую переосмыслить
Я уже молчу что у вас проблема будет когда придёт новое значение arr, useEffect не отработает
Michail
Оно не придет))
Simonov
Ни кто не подскажет. Как после неудачного remote запроса на сохранение данных вернуть в state изменения. Если точнее, то после нажатия на какой то radio input, делается запрос на сервер для сохранения, если произошла ошибка, я не меняю стейт, то radio input поменял значение. В reducer сделал обработку reverChanges, но так как стейт возвращается тот же, то перерендеринга не происходит и чертов radio input с новым значением
Александр
Оно не придет))
Дело ваше, а зачем useState вам?
Michail
Дело ваше, а зачем useState вам?
это просто осталось
Simonov
в том то и проблема.
Kostya
Всем привет может кто поделится статьи про управлением состояние кроме редакс и моб_икс?
Simonov
Сохранить снапшот данных до изменения и после и заревертить при неудаче
я возвращаю предыдущий стейт и перерендеринга нет.... а импут значение поменял
Simonov
Simonov
Александр
Ни кто не подскажет. Как после неудачного remote запроса на сохранение данных вернуть в state изменения. Если точнее, то после нажатия на какой то radio input, делается запрос на сервер для сохранения, если произошла ошибка, я не меняю стейт, то radio input поменял значение. В reducer сделал обработку reverChanges, но так как стейт возвращается тот же, то перерендеринга не происходит и чертов radio input с новым значением
Более общий ответ дам. У вас есть некое состояние, которое может быть модифицированно формой, это состояние хранится в сторе. При редактировании формы меняется лишь эфемерное состояние формы, а не данные в сторе, иными словами при создании формы, в качестве начальных данных будет приходить состояние из стора, далее форма будет оперировать своим эфемерным состоянием. После успешного сабмита надо лишь синхронизировать состояние формы со стором или в случае неудачи зарезетить форму. Я не знаю что у вас за технологии, так что ответ в максимально общей форме, не зависимо от того редукс там у вас иди эффектор или просто useState, и не зависимо от применённой библиотеки форм.
Alexander
Подскажите как лучше всего передать токен между доменами? При смене филиала внутри приложения, пользователь попадает на другой домен.
MVD
Я увидел document и window. Про скролл я не видел. Может задача и не тривиальная но обходить реакт дом не советовал бы
Обоснуй почему не советуешь? В чем разница между onScroll пропом и addEventListener(scroll)?
Александр
да. Эт овсе ясно. Как заставить перенедериться, если store не изменился??
Сделайте функцию сбрасывающую состояние формы и вызывайте ее при reject’е промиса, или как вы ещё определяете неудачу
Alexander
Через сервер
не понял. После формы авторизации мне выдается токен. Я храню его и обновляю в приложении. Теперь мне надо открыть другой сайт, и применить в запросе токен. Как его передать, если по сути начинается новая загрузка страницы, и ни каких данных уже нет.
Michail
Сделайте функцию сбрасывающую состояние формы и вызывайте ее при reject’е промиса, или как вы ещё определяете неудачу
А если запускать обновление value у элемента через ref внутри useEffect => setInterval оно не будет обновляться? надо через useState?
Simonov
Сделайте функцию сбрасывающую состояние формы и вызывайте ее при reject’е промиса, или как вы ещё определяете неудачу
мы наверное немного друг друга не допонимаем. ЯКак вы верно сказали, то инпуты живут своим значением. Они его поменяли. Но я не применил это изменения в сторе, так как от сервера пришла ошибка. Я вызывает dispatch , но стор то у меня не поменялся.... И ничего не перерендерилось
Александр
Состояние формы - это сугубо ее временное эфемерное состояние, которое ограничено временем жизни формы. Ему самое место в локальном стейте компонента формы.
Simonov
Что имеется ввиду под controlled?
Александр
Что имеется ввиду под controlled?
https://ru.reactjs.org/docs/forms.html#controlled-components
Ilia
Ребят,часто ли вы юзаете rxJS и если да,то для чего?))Просто на пракитке не знаю где поюзать...
Alexander
Предложу не очень безопасный способ, через GET параметр при редиректе
ну это пока что самый очевидный вариант. В Oauth отдать ссылку на авторизационный сервер с токеном и каллбеком в виде урлсайта. Проверить на сервере и получить редирект, с обновленным токеном. На сколько это безопасно? Имя такую ссылку кто угодно может пройти по ней.
Ilia
А цель какая?
Моя цель изучить)
Simonov
Решил вопрос)))
Simonov
onChange={(ev) => {ev.preventDefault(); props.onChange(ev.target.value);}} - input освобождается от своей работы, все берется на redux. Теперь он занимается изменением value
Александр
Моя цель изучить)
А зачем его изучать? Зачем изучать, то в чем вы сами не видите практической пользы?
Ilia
А зачем его изучать? Зачем изучать, то в чем вы сами не видите практической пользы?
Я просто увидел видео Jay Phelps из Netflix,который говорит что RxJS + Redux + React = Amazing.Поэтому решил изучить
Александр
Я просто увидел видео Jay Phelps из Netflix,который говорит что RxJS + Redux + React = Amazing.Поэтому решил изучить
Слушайте больше :) там наверное была презентация какая-то где показали почему оно так круто? Вот с неё и надо начинать.
Ilia
А зачем его изучать? Зачем изучать, то в чем вы сами не видите практической пользы?
Я ищу работу и стараюсь учтить все что вижу) Так как я не знаю что стоит учить,а что нет)
Andrey
Ребят,часто ли вы юзаете rxJS и если да,то для чего?))Просто на пракитке не знаю где поюзать...
В ангуляре вроде бы на каждом шагу rx используют. В реакте фиг знает, вроде бы редко встречаются
Simonov
Ребят,часто ли вы юзаете rxJS и если да,то для чего?))Просто на пракитке не знаю где поюзать...
в JS нет внутренних событий. В c# - это event и delegate. Так вот, когда тебе нужен патерн наблюдатель, то rxJS решает этот вопрос
Ilia
Спасибо вам огромное!
Simonov
Имею ввиду, что в JS нет из коробки удобной работы со своими собственными событиями
Александр
Ну вообще Rx это реализация паттерна Observable, его можно реализовать и самому для внутренних нужд когда понадобится если требуется какой-то минимальный набор фитч, я так собственно и поступал когда надо было
Александр
Я просто к чему, не стоит тянуть все либы в голову, придёт время и задачи и само собой станет понятным, что тут нам вот observable бы помог, и возьмём Rx.
Michail
Не подскажит кто: почему в инпуте value всегда += 0 ?
Александр
Кстати, раз уж речь об observable зашла, то рекомендую в целях ознакомительных глянуть на интересную спецификацию callbag https://github.com/callbag/callbag
Александр
Не подскажит кто: почему в инпуте value всегда += 0 ?
А почему нет? Все верно же, INIT всегда равен нулю
Александр
А почему нет? Все верно же, INIT всегда равен нулю
А вот если вы let init вынесете выше из callbag, перед setInterval...
Michail
Упсс, сорь)
Александр
я же его инкрементирую ?
Да, но при следующем вызове функции чему будет равен? Посмотрите сами по коду.
Dmitry
из-за чего может двараза рендерится страница react ?
Dmitry
в компоненте вызвал console.log он два раза отрабатывает
Dmitry
покажи код)
https://github.com/Dmitry-iws/React-Redux/blob/master/src/Feature/MainPage/MainPage.js
Oleg
Ребят, буду в поезде 16 часов. Посоветуйте книгу по React но для уровня мидла. (Офф доку уже читал).
Mikhail
Народ, у вас у рабочие проекты в гитхабе? Просто я тут столкнулся с тем, что гитлаб на порядок круче гитхаба. И закрытые рабочие проекты предпочитаю вести там. И получается что гитхаб нужен только для опенсорсного хайпа? Типа пилишь открытую либу, пили ее на гитхабе?
Oleg
Сли
Github Actions
Sergei
Github Actions
А оно умеет в сборку?
Dmitry
два раза вызывается консоль при загрузке страницы не пойму почему происходит? https://github.com/Dmitry-iws/React-Redux/blob/master/src/Feature/MainPage/MainPage.js
Oleg
а ну блин. само собой) у тебя стейт меняется и твой компонент mainPage тоже обновляется
Oleg
два раза вызывается консоль при загрузке страницы не пойму почему происходит? https://github.com/Dmitry-iws/React-Redux/blob/master/src/Feature/MainPage/MainPage.js
как мне кажется, выходом может быть разбиение на более мелкие компоненты. например, где ты выводишь счетчик, это можно в компонент запихнуть ну и т.д.
Oleg
Хотя я тебя не так понял. Ты же про загрузку страницы... ладно)
Dmitry
да тат из -за стейта происходит два раза
Oleg
А может быть такое, что в Counter при загрузке что-то поменяется?