Если у меня такая структура:
const Component1 = () => {
const data = useStore($store);
return (
<>
{
data.map(el => <Component2 el={el} />)
}
</>
)
}
Потом в Component2 аналогично
return
el.items.map(item => <Component3 /> )
Итд. Такой вложенный маппинг несколько раз повторяется.
Когда я в самом нижнем Component5 изменю $store, то у меня перерисуется все - или только компоненты с изменившимися данными?