Size: a a a

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

2020 August 07

DC

Dmitriy Code in React — русскоговорящее сообщество
Коллеги, подскажите, это нормально?

const pricePaymentMethods: any = useSelector(getPricePaymentMethods);


А вот сам метод:
export const getPricePaymentMethods = (state: ReduxState): any => {
 console.log(state.products.pricePaymentMethods, "prices methods selector");
 return state.products.pricePaymentMethods;
};


И при запуске компонента я в консоле вижу такую картину :
источник

g

grandson in React — русскоговорящее сообщество
какой select взять для более, чем 1500 полей?
источник

g

grandson in React — русскоговорящее сообщество
mui select жутко лагает
источник

DC

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

И

Иван in React — русскоговорящее сообщество
Dmitriy Code
Коллеги, подскажите, это нормально?

const pricePaymentMethods: any = useSelector(getPricePaymentMethods);


А вот сам метод:
export const getPricePaymentMethods = (state: ReduxState): any => {
 console.log(state.products.pricePaymentMethods, "prices methods selector");
 return state.products.pricePaymentMethods;
};


И при запуске компонента я в консоле вижу такую картину :
нормально

а вот “: any” — это ненормально
источник

DC

Dmitriy Code in React — русскоговорящее сообщество
Иван
нормально

а вот “: any” — это ненормально
А можете обьяснить почему так происходит, столько раз вызывается этот селектор?
источник

Y

Yury in React — русскоговорящее сообщество
grandson
какой select взять для более, чем 1500 полей?
Если не пугает дополнительные 300кб, то можно взять select из библиотеки antd, там есть поддержка виртуализации
источник

И

Иван in React — русскоговорящее сообщество
Неизвестно
Я просто вес проект так написал но у меня все сейчас работает так оставить или потом могут возникнуть проблемы с этим?)
потом могут возникнуть проблемы. на уровне самого компонента всё ок, а его дети могу недополучить данные

https://codesandbox.io/s/xenodochial-fire-2prpo?file=/src/App.js
источник

DC

Dmitriy Code in React — русскоговорящее сообщество
ну Эни, это временное решение что бы протестить
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
У Ивана норм пример. Как раз оберни ребенка в мемо и попробуй чета изменить.
источник

И

Иван in React — русскоговорящее сообщество
Dmitriy Code
А можете обьяснить почему так происходит, столько раз вызывается этот селектор?
источник

DC

Dmitriy Code in React — русскоговорящее сообщество
На сколько я правильно понял, что любые изменения в стейте редакса будут вызывать useSelect?
источник

DC

Dmitriy Code in React — русскоговорящее сообщество
Если например другой компонент внес изменения в стор, то в другом компоненте вызовиться useSelect и будет перерендер этого другого компонента ?
источник

DC

Dmitriy Code in React — русскоговорящее сообщество
Я просто читаю, но спрашиваю понятными для меня словами, верно ли я понял)
источник

И

Иван in React — русскоговорящее сообщество
Dmitriy Code
На сколько я правильно понял, что любые изменения в стейте редакса будут вызывать useSelect?
Просто оно так работает
источник

И

Иван in React — русскоговорящее сообщество
Dmitriy Code
Если например другой компонент внес изменения в стор, то в другом компоненте вызовиться useSelect и будет перерендер этого другого компонента ?
Да, но он может быть вызван и просто так
источник

DC

Dmitriy Code in React — русскоговорящее сообщество
Иван
Да, но он может быть вызван и просто так
ага. СТоит использовать reselect или memo ?
источник

О

Олег in React — русскоговорящее сообщество
Всем привет, сталкивался ли кто-то с тем, что firefox не загружает картинки с первого раза? После рефреша всё ок.
источник

В

Владимир in React — русскоговорящее сообщество
Олег
Всем привет, сталкивался ли кто-то с тем, что firefox не загружает картинки с первого раза? После рефреша всё ок.
Точно в браузере дело? Может просто недожидается в коде?
источник

О

Олег in React — русскоговорящее сообщество
В хроме всё ок
источник