Хотя сейчас только понял, что в такой ситуации вообще пропадает смысл rff юзать, потому что на фронте у меня валидации все равно нет

Хотя сейчас только понял, что в такой ситуации вообще пропадает смысл rff юзать, потому что на фронте у меня валидации все равно нет

Ну так этот пример и показывает что с ошибками делать

Понял, спасибо)

Да, это как раз то, что надо

Как то можно узнать через функцию имя компонента?

Component.displayName

Component.displayName

чот нет такого свойства

оно static

оно static

?

просто попробуй обратиться к displayName

или просто name

кто нибудь дружил final-form с redux?

кто нибудь дружил final-form с redux?

ахах, зачем?)

кто нибудь дружил final-form с redux?

da

ахах, зачем?)

Ошибки чтобы норм прокидывать

со статическими полями нет проблем.. а вот как созать плюс поле.. не понимаю

со статическими полями нет проблем.. а вот как созать плюс поле.. не понимаю

Массик с объектами полей

Хуле тут

da

Ситация такая. Подгружаю данные при загрузке компанента, кидаю в initialValues. есть onSubmit, который диспатчит экшен с данными формы, без промисов без всего. Компонент ререндерится при успешном выполнении запроса и ошибке. Какую мне логику можно навесить чтобы нормально прокидывать ошибки диспатченные экшеном сразу в final form?

Массик с объектами полей

так делаю, не работает

так делаю, не работает

Подписан на изменение наблюдаемого значения?

+

+

Ну хз я тогда тут больше ничем не смогу

так же?

не вставилось фото

Ситация такая. Подгружаю данные при загрузке компанента, кидаю в initialValues. есть onSubmit, который диспатчит экшен с данными формы, без промисов без всего. Компонент ререндерится при успешном выполнении запроса и ошибке. Какую мне логику можно навесить чтобы нормально прокидывать ошибки диспатченные экшеном сразу в final form?

это можно сделать через formApi например

и вручную вызвать validate который вернет твои ошибки

и вручную вызвать validate который вернет твои ошибки

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

есть ссылки или примеры куда копать?

https://github.com/final-form/final-form#formapi ))

есть ссылки или примеры куда копать?

а есть скриншот формы? просто интересно, насколько она сложна, что файнал-форм был взят (какие у него плюсы, по сравнению с обычной формой / формиком / redux-form ) ?

а есть скриншот формы? просто интересно, насколько она сложна, что файнал-форм был взят (какие у него плюсы, по сравнению с обычной формой / формиком / redux-form ) ?

обычная форма на самом деле, просто final-form удобный, лаконичный, ни где ни чем не сорит. просто тут работа с данными не на промисах, данные летят по вебсокетам с обработкой в сагах и нет возможности дождаться ответа - сам придет и отдиспатчит экшен с успехом или ошибкой.

обычная форма на самом деле, просто final-form удобный, лаконичный, ни где ни чем не сорит. просто тут работа с данными не на промисах, данные летят по вебсокетам с обработкой в сагах и нет возможности дождаться ответа - сам придет и отдиспатчит экшен с успехом или ошибкой.

как работает форма (промисы или сокеты) никак не касается обработки ошибок. Есть экшен с ошибкой - есть реакцию вьюхи. Если форма простая - выпили файнал форм и ладушки, в чем удобство и лаконичность - не знаю, не пользовался, но был бы рад посмотреть на хороший пример для сравнения. p.s. мне как и многим в этом чате, хватает простых форм

обычная форма на самом деле, просто final-form удобный, лаконичный, ни где ни чем не сорит. просто тут работа с данными не на промисах, данные летят по вебсокетам с обработкой в сагах и нет возможности дождаться ответа - сам придет и отдиспатчит экшен с успехом или ошибкой.

то есть, сами же себе на вопрос ответили: как пришел ответ - покажи в интерфейсе, где проблема?

как работает форма (промисы или сокеты) никак не касается обработки ошибок. Есть экшен с ошибкой - есть реакцию вьюхи. Если форма простая - выпили файнал форм и ладушки, в чем удобство и лаконичность - не знаю, не пользовался, но был бы рад посмотреть на хороший пример для сравнения. p.s. мне как и многим в этом чате, хватает простых форм

в final form по дефолту ошибки возвращаются коллбэком или промисом при onSubmit, у меня такая модель не работает, нужно извне их докинуть как то

в final form по дефолту ошибки возвращаются коллбэком или промисом при onSubmit, у меня такая модель не работает, нужно извне их докинуть как то

пока ищешь / ждешь совет, сделай без него форму быстренько, может и проблема решится.

<div data-componentname={WrappedComponent.displayName || WrappedComponent.name}> <WrappedComponent /> </div> пришлось обернуть

<div data-componentname={WrappedComponent.displayName || WrappedComponent.name}> <WrappedComponent /> </div> пришлось обернуть

oO

Помогите с mobx. Есть @observable selected: number[] = []; Если я делаю this.selected.push(1); То ререндер не происходит. Почему?

Подскажите плиз! Проблема следующая: использую CRA. при попытке сделать коммит запускаются тесты и все, но на команды никак не реагирует терминал, по сути виснет. Никто не сталкивался с таким? Почему так?

oO

?

а есть конфа для flow?

а есть конфа для flow?

@flowtype_ru

спасибо

Подскажите плиз! Проблема следующая: использую CRA. при попытке сделать коммит запускаются тесты и все, но на команды никак не реагирует терминал, по сути виснет. Никто не сталкивался с таким? Почему так?

теоретически, может быть одна причина: где-то в тесте что-то зависает. Выпилите все тесты, проверьте будет ли работать, затем добавьте половину, затем половину половины и тд тп ,пока не найдете проблему

Как в mobx сделать observable Set?

Никак, добавлен только observable Map

Ребят, привет, подскажите ето как реализовывает 404 в React Router 4? Понятно можно просто <Route component={NoMatch} /> , но у меня роуты роскиданы по папкам и везде писать это такой себе вариант

Ребят, привет, подскажите ето как реализовывает 404 в React Router 4? Понятно можно просто <Route component={NoMatch} /> , но у меня роуты роскиданы по папкам и везде писать это такой себе вариант

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

Ребят, привет, подскажите ето как реализовывает 404 в React Router 4? Понятно можно просто <Route component={NoMatch} /> , но у меня роуты роскиданы по папкам и везде писать это такой себе вариант

в рр4 плоский роутинг, все должно быть в одном месте

зачем скидываете структуру проекта? скиньте код, где роутинг у вас начинается, там и добавьте NoMatch

Еще вопрос по hoc WrappedComponent().props так нормально делать, чтобы пропсы смотреть?

Никак, добавлен только observable Map

А если не мутировать, а всегда перезаписывать переменную?

А если не мутировать, а всегда перезаписывать переменную?

Хороший вопрос, точно не скажу, тебе проще демку накидать

Но Map с ключем любым, и value например булевым, почти то же самое, что и set

да в том и дело, что тестов по сути нет, один тест стандартный, который идет из коробки вместе c CRA

ERROR: S client not available

теоретически, может быть одна причина: где-то в тесте что-то зависает. Выпилите все тесты, проверьте будет ли работать, затем добавьте половину, затем половину половины и тд тп ,пока не найдете проблему

да в том и дело, что тестов по сути нет, один тест стандартный, который идет из коробки вместе c CRA

делай reply вместо forward

теоретически, может быть одна причина: где-то в тесте что-то зависает. Выпилите все тесты, проверьте будет ли работать, затем добавьте половину, затем половину половины и тд тп ,пока не найдете проблему

да в том и дело, что тестов по сути нет, один тест стандартный, который идет из коробки вместе c CRA

да в том и дело, что тестов по сути нет, один тест стандартный, который идет из коробки вместе c CRA

ок, тогда нужно взять проект (на всякий случай) и склонировав его запустить на другой машине. Если там будет работать, а у вас нет - искать отличия (в версиях ноды, например)

да в том и дело, что тестов по сути нет, один тест стандартный, который идет из коробки вместе c CRA

терминал-то стандартный? попробуйте в другом (iTerm, например, запустить). Странный кейс, конечно.

да и кстати yarn test отрабатывает нормально

да и кстати yarn test отрабатывает нормально

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

да и кстати yarn test отрабатывает нормально

покажите прекоммит хук

На всякий случай, это я переделываю вот такой код this.state.policyInput.tourist.map( (tourist, index) => { if (tourist.id === String(id)){ this.setState( (state) => { state.policyInput.tourist[index][field] = value}); } });

мало, по-моему это только сообщение и все. На прекоммит, что должно отработать ?

весь package.json покажите

@maxfarseer должен отрабатывать eslint и styleint

@maxfarseer должен отрабатывать eslint и styleint

я не знаю как pre-commit пакет работает (читаю), но в package.json я не вижу, чтобы каким-то образом был настроен прогон скрипта lint в прекоммите

@maxfarseer должен отрабатывать eslint и styleint

судя по доке, у вас нет секции pre-commit, и следовательно в этом беда (все дело подвисло на echo и ждет… могу ошибаться, но как минимум по доке нужно настроить pre-commit команду)

@maxfarseer должен отрабатывать eslint и styleint

"pre-commit": [ “lint”, ] добавить в package

отсюда вопрос, тесты вообще никто не вызывает, почему на них зависает?) (возможно, как раз потому что нет pre-commit… кстати, там кавычки исправьте, когда копировать будете)

отсюда вопрос, тесты вообще никто не вызывает, почему на них зависает?) (возможно, как раз потому что нет pre-commit… кстати, там кавычки исправьте, когда копировать будете)

Намёк свыше

Намёк свыше

здарова, перчик, ну по делу как думаешь, на echo подвисает и ждет инпута от пре-коммита, которого нет?

отсюда вопрос, тесты вообще никто не вызывает, почему на них зависает?) (возможно, как раз потому что нет pre-commit… кстати, там кавычки исправьте, когда копировать будете)

блин точно, спасибо, затупил!?

здарова, перчик, ну по делу как думаешь, на echo подвисает и ждет инпута от пре-коммита, которого нет?

Хз, весь в работе, так скозатб

@maxfarseer должен отрабатывать eslint и styleint

так же рекомендую husky + lint-staged ( https://maxpfrontend.ru/vebinary/nastroyka-eslint-prettier-pre-commit-hook-create-react-app-visual-studio-code/ )

Ловите, пока не поздно

Интересно, на долго ли ?

На всякий случай, это я переделываю вот такой код this.state.policyInput.tourist.map( (tourist, index) => { if (tourist.id === String(id)){ this.setState( (state) => { state.policyInput.tourist[index][field] = value}); } });

фильтром

Всем привет. Если кто-то работал с этим компонентом - можете подсказать каким образом применить свой градиент к элементу, или вообще изменить его? Спасибо https://github.com/ekeric13/react-star-ratings

фильтром

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

а. Я не понял. Втсавить тебе