stopPropagation()

потому что событие продолжается

stopPropagation

Я прям задумался какое на диве событие по умолчанию может быть

preventDefault должен первым идти, потому что потом будет ререндер компонента, нет?

e.stopPropagation(); e.nativeEvent.stopImmediatePropagation(); не работает

preventDefault должен первым идти, потому что потом будет ререндер компонента, нет?

так тоже не работает

я не могу вдуплить почему

так тоже не работает

Сделай примиер где-нибудь в песочнице.

Стоп, а какое событие продолжается?

Там же обычный див, от превента толку же никакого

Вот только у тебя метод новые пропсы создаст а потом ещё и стейт обновится.

И это я молчу о том, что метод создан прям в onClick, что каждый раз будет пересоздавать обработчик события

Там же обычный див, от превента толку же никакого

и правда, не заметил

Почитай свежую доку , у тебя код древний

Привет всем, возможно, глупый вопрос, но можно ли смотреть в AppContext не в рендере?

если я хочу наследовать стейт с AppContext

Как грузить всегда свежую версию сайта? А то каждый раз жеско перезагружать приходится

Это вебпак или настройки бразуера или что?

Как грузить всегда свежую версию сайта? А то каждый раз жеско перезагружать приходится

[hash].bundle.js

В вебпуке?

если я хочу наследовать стейт с AppContext

Не делай наследование.

Это вебпак или настройки бразуера или что?

HMR

В вебпуке?

Да.

Спс

Или тебе что надо? hot reload?

Мне нужно чтобы каждое обновление страницы грузило свежую версию

А не из кеша

Девтулзы открой

А не из кеша

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

Можно открыть девтулзы и отключить кэш

И отключи сервисворкер

а, понял, да, дев тул

Можно открыть девтулзы и отключить кэш

Только надо уточнить, что это работает только с открытыми девтулзами.

Ну да

кеш итак отключен

Добрый день использую redux saga у меня проблема fromServer.map(function (el) { switch (el.type) { case 'refresh_notice': effects.push(call(notice, NOTICE.notice(false, true))) break; case 'refresh_pays': effects.push(call(pays, PAYS.pays(false, true))) break; case 'refresh_trans': effects.push(call(transRefresh, TRANS.transRefresh( el.oid, false, true ))) break; case 'refresh_main': effects.push(call(main, MAIN.main(false, true))) effects.push(call(statistic, STATIC.statistic(false, true))) break; default: break; } } ) const results = yield all(...effects) yield put.resolve({type: 'LOAD_END', payload: {results}}) как сделать так что бы all дождался всех методов пока выполнятся и LOAD_END был в самом конце диспатчей

update on reload надо?

Добрый день использую redux saga у меня проблема fromServer.map(function (el) { switch (el.type) { case 'refresh_notice': effects.push(call(notice, NOTICE.notice(false, true))) break; case 'refresh_pays': effects.push(call(pays, PAYS.pays(false, true))) break; case 'refresh_trans': effects.push(call(transRefresh, TRANS.transRefresh( el.oid, false, true ))) break; case 'refresh_main': effects.push(call(main, MAIN.main(false, true))) effects.push(call(statistic, STATIC.statistic(false, true))) break; default: break; } } ) const results = yield all(...effects) yield put.resolve({type: 'LOAD_END', payload: {results}}) как сделать так что бы all дождался всех методов пока выполнятся и LOAD_END был в самом конце диспатчей

all( [...effects ] ) Иначе можно не массив туда отправить а объект, чтобы проименовать результаты. Смотри https://redux-saga.js.org/docs/api/

В твоем варианте ты спредишь массив effects как список аргументов. В документации такого варианта нет.

щас папробую не уверен что это поможет

@ivansky спасибо помогло!

Всем привет. Заранее прошу прощения за, возможно, глупый вопрос (я не фронтенд-разработчик). Когда я использую React + Redux, насколько правильно хранить содержимое полей форм в глобальном сторе? Или лучше использовать для этого локальный стор компонента?

у компонента нету своего стора, у него есть состояние

поля формы нет смысла хранить в сторе redux

Всем привет. Заранее прошу прощения за, возможно, глупый вопрос (я не фронтенд-разработчик). Когда я использую React + Redux, насколько правильно хранить содержимое полей форм в глобальном сторе? Или лучше использовать для этого локальный стор компонента?

state лучше использовать

Да, опечатался. Стейт конечно, спасибо. Я просто учусь по примерам Lemoncode - и там в примере с Redux он почему-то пишет-таки в глобальный стор https://github.com/Lemoncode/react-typescript-samples/tree/master/09%20Redux

Я вот и пытаюсь понять. Здравый смысл мне подсказывает, что в стейте надо бы

Я вот и пытаюсь понять. Здравый смысл мне подсказывает, что в стейте надо бы

если тебе эти данные нужные только в пределах этого компонента, то точно не нужно в стор

Это форма, она по определению нужна другим

Это форма, она по определению нужна другим

нет

через контекст можно как-то прокинуть инстанс веб сокета? или есть лучше способы?

нет

Знакомые люди из django_jobs)

через контекст можно прокинуть все что угодно

Знакомые люди из django_jobs)

йеп

нет

Между черным и белым бывают и другие градации

ERROR: S client not available

Это форма, она по определению нужна другим

охуительные тут у тебя градации

Не ну если у тебя каждая форма в вакууме находится, то вопросов нет)

Это форма, она по определению нужна другим

А зачем форма нужна другим компонентам? Я просто через Redux это все решил гнать по той причине, что у меня валидация реализована будет частично (все, кроме простых проверок) на бэкенде. Ну я и решил, что ошибки так будет удобней в компонент формы пробрасывать

Ну вот ты и сам ответил на свой вопрос

Понял, всем спасибо :)

Друзья, ищем докладчиков на митап по React.js в Санкт-Перебурге, который состоится 2 июля. Напишите в личку плз. :)

Питер! А мы продолжаем поиски докладчика на React.js-митап, который состоится 4 июля. Шикарная площадка, прекрасная атмосфера и улетная атмосфера! Давайте это сделаем! :) Напишите в ЛС. Мы ждем.

прекрасная атмосфера и улетная атмосфера

заработался

приекрасная и просто улётная атмосфера

запись/трансляция будет в онлайне?

А куда приходить?)

booba?

Питер! А мы продолжаем поиски докладчика на React.js-митап, который состоится 4 июля. Шикарная площадка, прекрасная атмосфера и улетная атмосфера! Давайте это сделаем! :) Напишите в ЛС. Мы ждем.

Подробности будут?

прекрасная атмосфера и улетная атмосфера

именно так!

через контекст можно как-то прокинуть инстанс веб сокета? или есть лучше способы?

Видел такой способ, ещё есть через миделвари. Сам через миделвари делал.

запись/трансляция будет в онлайне?

запись только в блокноты

Видел такой способ, ещё есть через миделвари. Сам через миделвари делал.

Не знаю какой лучше.

прекрасная атмосфера и улетная атмосфера! это так и должно быть D? атмосфера 2 раза подряд

прекрасная атмосфера и улетная атмосфера! это так и должно быть D? атмосфера 2 раза подряд

да все уже поняли

Ой да что вы прикопались

что может сподвигнуть на вызов метода onEnded два раза подряд? метод пустой. рендер вызывается один раз. <ReactPlayer ref={x => this.player = x} playing onEnded={this.onEnded} <<<——— url={currentUrl} config={{ youtube: { playerVars: { showinfo: 1, controls: 1, start: currentStart, end: currentEnd, } }, }} />

то что он вызывается при инициализации и после рендеринга. Во избежание этого делай как вариант () => this.onEnded

?

прекрасная атмосфера и улетная атмосфера! это так и должно быть D? атмосфера 2 раза подряд

Ищем докладчиков!

прекрасная атмосфера и улетная атмосфера! это так и должно быть D? атмосфера 2 раза подряд

давление в две атмосферы, так и запишем

Обязательно ли через конструктор прокидывать пропсы методом super? Если компонент и так получает пропсы? Вроде где-то читал, что так нужно делать.

Обязательно ли через конструктор прокидывать пропсы методом super? Если компонент и так получает пропсы? Вроде где-то читал, что так нужно делать.

можешь вообще не описывать конструктор тогда жс сам его опишет плюс ты не можешь описать конструктор без super класса с родительским классом

можешь вообще не описывать конструктор тогда жс сам его опишет плюс ты не можешь описать конструктор без super класса с родительским классом

это не ответ на вопрос