🚀🚀
Есть стор с глобальным флагом. Он используется в обработчиках клика на элементах списка(через useStore). Изменение флага приводит к перерендеру всех элементов, что совершенно не нужно. Как тогда поступить? Использовать в обработчике getState?
вместо такого подхода
можно использовать сэмпл для подключения данных уже после срабатывания события, вне ui
const $items = createStore([])
const openUrl = createEvent()
const Item = ({id}) => {
const items = useStore($items)
const {url} = items[id]
return <Foo onClick={() => openUrl(url)} />
}можно использовать сэмпл для подключения данных уже после срабатывания события, вне ui
const $items = createStore([])
const click = createEvent()
const openUrl = createEvent()
sample({
source: $items,
clock: click,
fn: (items, id) => items[id].url,
target: openUrl,
})
const Item = ({id}) => {
return <Foo onClick={() => click(id)} />
}