Size: a a a

React: русскоязычное сообщество

2020 August 27

EP

Egor Petrov in React: русскоязычное сообщество
D. Ouhh
привет. у меня redux и thunk. в одном reducer есть дефолтное значение checks_completed: 0. в самом начале делаю запрос на сервер, и это значение обновляется. мне нужно показывать один элемент только если checks_completed === 0, но после ответа от сервера, т.е. чтобы при дефолтном значении не показывалось. как мне лучше это сделать?
Добавь в стейт дополнительное поле, например isRequestCompleted  =  false, после запроса меняй его на true и делай проверку isRequestCompleted && checks_completed === 0
источник

DO

D. Ouhh in React: русскоязычное сообщество
Egor Petrov
Добавь в стейт дополнительное поле, например isRequestCompleted  =  false, после запроса меняй его на true и делай проверку isRequestCompleted && checks_completed === 0
да, так и сделал. спасибо
источник

EP

Egor Petrov in React: русскоязычное сообщество
Ну и отлично )
источник

V

Vladislav in React: русскоязычное сообщество
Всем привет. После последнего обновелния хрома - цветá в dev tools стали тусклыми. Подскажите, как можно исправить?
источник

AL

Aleksander Lemyagov in React: русскоязычное сообщество
Подскажите пожалуйста. ПО вопросу библиотек для форм: Redux Form и Formik. Формы формами, но меня интересует вопрос вывода валидационных сообщений. Ладно бы валидационные сообщения только на клиенте, но есть же еще и бэковские. Если нет стора, то как показать ошибки под конкретными полями, которые пришли с бэка? Запрос ведь будет делаться в Action-е, а не в том компоненте, где расположена форма.
источник

AS

Aleksandr Sarkisov in React: русскоязычное сообщество
Vladislav
Всем привет. После последнего обновелния хрома - цветá в dev tools стали тусклыми. Подскажите, как можно исправить?
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Aleksander Lemyagov
Подскажите пожалуйста. ПО вопросу библиотек для форм: Redux Form и Formik. Формы формами, но меня интересует вопрос вывода валидационных сообщений. Ладно бы валидационные сообщения только на клиенте, но есть же еще и бэковские. Если нет стора, то как показать ошибки под конкретными полями, которые пришли с бэка? Запрос ведь будет делаться в Action-е, а не в том компоненте, где расположена форма.
Все, понял.

Я просовываю в экшен коллбэк и при поступлении ответа в этот коллбэк просовываю данные нужные.

Как пример:
const someAction = ({ callback }) => async dispatch => {
 const response = await someRequest(...)
 ...
 callback(response)
 ...
 dispatch(response)
}
источник
2020 August 28

d

dron in React: русскоязычное сообщество
Aleksander Lemyagov
Подскажите пожалуйста. ПО вопросу библиотек для форм: Redux Form и Formik. Формы формами, но меня интересует вопрос вывода валидационных сообщений. Ладно бы валидационные сообщения только на клиенте, но есть же еще и бэковские. Если нет стора, то как показать ошибки под конкретными полями, которые пришли с бэка? Запрос ведь будет делаться в Action-е, а не в том компоненте, где расположена форма.
Привет, в react-hook-form это удобно сделано
источник

d

dron in React: русскоязычное сообщество
В связке с yup очень удобно пилить валидацию, плюсом, если ошибка с бэка приходит, то можешь сам установить ошибку с помощью setError
источник

AL

Aleksander Lemyagov in React: русскоязычное сообщество
dron
Привет, в react-hook-form это удобно сделано
Хм. Круто, спасибо!
источник

d

dron in React: русскоязычное сообщество
Aleksander Lemyagov
Хм. Круто, спасибо!
Там даже компонент есть для вывода ошибок, но он мне не пригодился, я ошибку просто передаю в инпут)
источник

AL

Aleksander Lemyagov in React: русскоязычное сообщество
dron
Там даже компонент есть для вывода ошибок, но он мне не пригодился, я ошибку просто передаю в инпут)
там обязательно хуки использовать?
источник

d

dron in React: русскоязычное сообщество
Aleksander Lemyagov
там обязательно хуки использовать?
Да
источник

AL

Aleksander Lemyagov in React: русскоязычное сообщество
dron
Да
Понял. Вариант хороший с точки зрения производительности. Но хуки я не использую.
источник

AL

Aleksander Lemyagov in React: русскоязычное сообщество
Либу для валидации забрал - полезно
источник

d

dron in React: русскоязычное сообщество
К сожалению по другим либам для работы с формами я не работал и не смогу подсказать
источник

АП

Андрей Пудов... in React: русскоязычное сообщество
Ребята, приветствую.  Заклинило на одном моменте.  В react-компоненте внутри componentDidMount вызывается слайдер . Необходимо создать дополнительную обертку node, внутри которой будет вызываться методы слайдера.  Нужно в каждый экземпляр слайдера передавать разные дом-элементы. Есть похожий пример на js, но не могу понять как его можно применить для react.  Занимаюсь сейчас поддержкой существующего кода и не хочется переписывать все заново ) . Буду благодарен за помощь или дельный совет .
2 files
источник

АП

Андрей Пудов... in React: русскоязычное сообщество
источник

АП

Андрей Пудов... in React: русскоязычное сообщество
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Тут два стиля: функциональный и классически.
источник