Е
Простиые типы данных в примерах только для простоты примера
Size: a a a
2021 March 24
R
ага. спасибо
R
и еще вопрос.
если в первом компоненте используются только два свойства из атома:
то первый компонент перерендерится.
но чтобы первый компонент не отрендерился при вызове этого action из второго компонента, надо в первом компоненте dateStart и dateEnd получить другим способом:
если в первом компоненте используются только два свойства из атома:
const { dateStart, dateEnd } = useAtom(asaAtom);
а во втором диспатчится action, который изменит свойство pageIndex в том же атоме asaAtom,то первый компонент перерендерится.
но чтобы первый компонент не отрендерился при вызове этого action из второго компонента, надо в первом компоненте dateStart и dateEnd получить другим способом:
const dateStart = useAtom(asaAtom, (atomValue) => atomValue.dateStart, []);правильно?
const dateEnd = useAtom(asaAtom, (atomValue) => atomValue.dateEnd, []);
Е
Да, верно
И
и еще вопрос.
если в первом компоненте используются только два свойства из атома:
то первый компонент перерендерится.
но чтобы первый компонент не отрендерился при вызове этого action из второго компонента, надо в первом компоненте dateStart и dateEnd получить другим способом:
если в первом компоненте используются только два свойства из атома:
const { dateStart, dateEnd } = useAtom(asaAtom);
а во втором диспатчится action, который изменит свойство pageIndex в том же атоме asaAtom,то первый компонент перерендерится.
но чтобы первый компонент не отрендерился при вызове этого action из второго компонента, надо в первом компоненте dateStart и dateEnd получить другим способом:
const dateStart = useAtom(asaAtom, (atomValue) => atomValue.dateStart, []);правильно?
const dateEnd = useAtom(asaAtom, (atomValue) => atomValue.dateEnd, []);
или сделать вычисляемый атом
const newAtom = map(
asaAtom,
({dateStart, dateEnd}) =>
({dateStart, dateEnd})
)
const { dateStart, dateEnd } = useAtom(newAtom);R
спасибо
S
или сделать вычисляемый атом
const newAtom = map(
asaAtom,
({dateStart, dateEnd}) =>
({dateStart, dateEnd})
)
const { dateStart, dateEnd } = useAtom(newAtom);Этот атом при каждом изменении asaAtom будет возвращать новый обьект, и useAtom будет лишний раз рендерить даже если dateStart и dateEnd не изменились
И
AM
но если использовать деструктуризацию объекта, то наверное все равно, разве нет?
Е
но если использовать деструктуризацию объекта, то наверное все равно, разве нет?
Как именно? Ведь все равно же новый объект получится
AM
Как именно? Ведь все равно же новый объект получится
да, сорян. че то затупил
M
Этот атом при каждом изменении asaAtom будет возвращать новый обьект, и useAtom будет лишний раз рендерить даже если dateStart и dateEnd не изменились
То есть мемоизация атома возможна только в случае вычисления примитивов или использования третьего аргумента?
M
@artalar поясни, пожалуйста
S
То есть мемоизация атома возможна только в случае вычисления примитивов или использования третьего аргумента?
Третий аргумент не поможет
M
Третий аргумент не поможет
Мы же про третий аргумент хука? Почему?
S
Мы же про третий аргумент хука? Почему?
Он для внешних зависимостей, т.е то что из пропсов приходит например, а если сам атом меняется то важно что возвращает селектор в useAtom
S
Он для внешних зависимостей, т.е то что из пропсов приходит например, а если сам атом меняется то важно что возвращает селектор в useAtom
А он возвращает новую ссылку, следовательно ререндер будет
M
Он для внешних зависимостей, т.е то что из пропсов приходит например, а если сам атом меняется то важно что возвращает селектор в useAtom
Значит мемоизация только при возврате примитивов?
S
В примере выше можно поля dateStart, dateEnd вынести в поле period и выбирать его из атома
S
Значит мемоизация только при возврате примитивов?
Нет, тут аналогично reselect