Size: a a a

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

2020 October 19

D

Danila in React — русскоговорящее сообщество
Аскар
И там вы никакого стейта и логики не делаете ?
Если это ui-логика, то делаю
источник

VI

Volodymyr Igorevich in React — русскоговорящее сообщество
Рома Каменівський
По моему скромному мнению во втором примере вы используете useCallback и useMemo не по назначению, при этом просто усложнили читаемость кода. 1 вариант в данном случае лучше однозначно
Просто у мен с другом спор, нужно ли так делать как в первом варианте или втором.
источник

А

Аскар in React — русскоговорящее сообщество
Danila
Если это ui-логика, то делаю
Получается в ui можно писать логику ? Я думал там только дизайн
источник

D

Danila in React — русскоговорящее сообщество
Аскар
Получается в ui можно писать логику ? Я думал там только дизайн
Если это ui-логика
источник

А

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

D

Danila in React — русскоговорящее сообщество
Дропдауну нужно хранить состояние того, открыт он или нет
источник

А

Аскар in React — русскоговорящее сообщество
Не дописали просто
источник

А

Аскар in React — русскоговорящее сообщество
Danila
Дропдауну нужно хранить состояние того, открыт он или нет
Ааа. Спасибо теперь более менее понял
источник

РК

Рома Каменівський... in React — русскоговорящее сообщество
Volodymyr Igorevich
Но в первом варианте ссылка на функцию всегда разная.
да с этим соглашусь, если у вас в этой функции есть какието сложные вычисления ну или она тормозит приложение то есть смысл использовать 2 вариант, но если она просто рендерит не совсем большой список, и вы в обработчике делаете какието не сложные манипуляции то лучше использовать 1 вариант, он более понятен, да и не стоит пихать повсюду useCallback и useMemo где они не нужны, есть много статей на ету тему.
источник

VI

Volodymyr Igorevich in React — русскоговорящее сообщество
Рома Каменівський
да с этим соглашусь, если у вас в этой функции есть какието сложные вычисления ну или она тормозит приложение то есть смысл использовать 2 вариант, но если она просто рендерит не совсем большой список, и вы в обработчике делаете какието не сложные манипуляции то лучше использовать 1 вариант, он более понятен, да и не стоит пихать повсюду useCallback и useMemo где они не нужны, есть много статей на ету тему.
Я полностью
Согласен с вами.
Это пытаюсь и своему другу объяснить.
источник

d

dsgnrvd in React — русскоговорящее сообщество
как изменить стиль underline при наведении на этот инпут?
https://material-ui-pickers.dev/guides/css-overrides
глобальная тема имеет такой стиль, но как был дефолтный черный - так и остался
MuiFilledInput: {
           underline: {
               '&:hover:before': {
                   borderBottom: '2px solid #009BC3'
               },
               '&:before' : {
                   borderBottom: '2px solid #DCDCE1'
               },
               '&:after' : {
                   borderBottom: '2px solid #009BC3'
               }
           },
       },
источник

Э

Эльдар in React — русскоговорящее сообщество
объясните пожалуйста, в каких случаях react-hook-form ругается на отсутствие defaultValues, не улавливаю этот момент
источник

AZ

Alexey Z in React — русскоговорящее сообщество
Добрый день коллеги. Имеется сокет соединение которое через 1 минуту падается по  ошибки 1006. Кто нибудь с талкивался с таким и как получилось решить данную проблему?💀
источник

VI

Volodymyr Igorevich in React — русскоговорящее сообщество
Alexey Z
Добрый день коллеги. Имеется сокет соединение которое через 1 минуту падается по  ошибки 1006. Кто нибудь с талкивался с таким и как получилось решить данную проблему?💀
1006 ошибка говорит о том, что соединение было закрыто ненормально(т. е. без отправки фрейма закрытия), когда ожидается код состояния.

https://stackoverflow.com/questions/19304157/getting-the-reason-why-websockets-closed-with-close-code-1006
источник

AS

Arthur Saenz in React — русскоговорящее сообщество
здарова, есть какой-то чат по Nrwl NX (monorepo tools). Скиньте плз. А если кто работал, какие недостатки, в сравнение например yarn workspace?
источник

b

blindlybright in React — русскоговорящее сообщество
Олег
решил попробовать вот такое api реализовать)
ну вот всё равно всё упирается в функцию валидации )
это есть в формике
ну да ладно

а тут что-то такое имхо должно быть
const { login, password, password2 } = whateverFrom(); // form fata
const fields = [{ isValid: () => login !== '', invalidMsg: 'password shouldn\'t be empty'}, { isValid: () => password !== password2, invalidMsg: 'passwords should be equal'}];
const formInvalidMessages = fields.map((f) => f.isValid() ? null : f.invalidMsg).filter(v => v !== null);
if (formInvalidMessages === 0) {
 console.log('form is valid');
} else {
 console.log('validation errors: ', formInvalidMessages);
}
источник

YJ

Young George Jellyfi... in React — русскоговорящее сообщество
Подскажите пожалуйста!

Есть форма: 4 текстовых поля и 2 файла, ее принимает Flask бэкенд (как multipart)
Сейчас использую react hook form, но он видимо не может мне в этом помочь

Как отправить multipart/form-data POSTом (+ необхотимо установить хеадер)?
источник

И

Иван in React — русскоговорящее сообщество
Олег
решил попробовать вот такое api реализовать)
какая-то странная композиция. а ты точно функциональщик?)
источник

О

Олег in React — русскоговорящее сообщество
Иван
какая-то странная композиция. а ты точно функциональщик?)
а предложи вариант получше)
источник

О

Олег in React — русскоговорящее сообщество
Иван
какая-то странная композиция. а ты точно функциональщик?)
вот фин версия моя
источник