M
Нет, тут аналогично reselect
Не понял, про reselect знаю, в чем аналогия
Size: a a a
2021 March 24
S
Не понял, про reselect знаю, в чем аналогия
В построении селектора
Е
В примере выше можно поля dateStart, dateEnd вынести в поле period и выбирать его из атома
Воо тут я уже не понял
M
В примере выше можно поля dateStart, dateEnd вынести в поле period и выбирать его из атома
И возвращать объект, который соответствует полю? Так отличия же нет
S
Воо тут я уже не понял
Сам атом с данным построить так чтобы там эти два поля были на уровень ниже в обьекте period
S
И возвращать объект, который соответствует полю? Так отличия же нет
Так ссылка не будет меняться
S
В построении селектора
Т.е селектор нужно строить через map и combine, в данном случае два разв map чтобы выбрать dateStart, dateEnd а потом это обьединить combine
Е
А зачем? Там же вытащит еужные поля и только если они изменяться то перерендерит
S
А зачем? Там же вытащит еужные поля и только если они изменяться то перерендерит
Где там?
S
или сделать вычисляемый атом
const newAtom = map(
asaAtom,
({dateStart, dateEnd}) =>
({dateStart, dateEnd})
)
const { dateStart, dateEnd } = useAtom(newAtom);Вот про такие конструкции речь
Е
привет. что-то не могу найти примеров , когда атом "хранит" объект. во всех примерах атом "хранит" простой тип данных, например, число (https://reatom.js.org/#/examples?id=simple-counter)
можно ли в атоме "хранить" объект, как на скриншоте? Или лучше asaAtom разделить на 6 атомов? И каждый раз импортировать определенные атомы в нужные компоненты реакта?
Или лучше использовать 6 отдельных атомов, а потом объединить их с помощью combine?
можно ли в атоме "хранить" объект, как на скриншоте? Или лучше asaAtom разделить на 6 атомов? И каждый раз импортировать определенные атомы в нужные компоненты реакта?
Или лучше использовать 6 отдельных атомов, а потом объединить их с помощью combine?
Мы же про этот код говорим?
M
Так ссылка не будет меняться
Объект это всегда новая ссылка
M
Т.е селектор нужно строить через map и combine, в данном случае два разв map чтобы выбрать dateStart, dateEnd а потом это обьединить combine
Приведи пример в псевдокоде
M
Мне кажется о разных вещах говорим
Е
const dateStart = useAtom(asaAtom, (atomValue) => atomValue.dateStart, []);
const dateEnd = useAtom(asaAtom, (atomValue) => atomValue.dateEnd, []);
должно как роаз отработать как требуется, без лишни ререндеров
const dateEnd = useAtom(asaAtom, (atomValue) => atomValue.dateEnd, []);
должно как роаз отработать как требуется, без лишни ререндеров
S
Объект это всегда новая ссылка
Нет же, с чего это? Только если ты создаёшь новый обьект
S
const dateStart = useAtom(asaAtom, (atomValue) => atomValue.dateStart, []);
const dateEnd = useAtom(asaAtom, (atomValue) => atomValue.dateEnd, []);
должно как роаз отработать как требуется, без лишни ререндеров
const dateEnd = useAtom(asaAtom, (atomValue) => atomValue.dateEnd, []);
должно как роаз отработать как требуется, без лишни ререндеров
Да, это самый простой вариант
M
Т.е селектор нужно строить через map и combine, в данном случае два разв map чтобы выбрать dateStart, dateEnd а потом это обьединить combine
Поясни про два раза map кодом, пытаюсь уловить
S
Как я понял тут хотят обойтись одним useAtom ( может быть важно когда используется в элементах списка)
Е
const {dateStart, dateEnd} = useAtom(asaAtom, (state) => ({dateStart: state.dateStart, dateEnd: state.dateEnd}))