Здравствуйте. Сможет кто-то мне объяснить как работает useSyncExternalStore? Вот есть

Question

Здравствуйте. Сможет кто-то мне объяснить как работает useSyncExternalStore? Вот есть

такой пример с интернета:
//this is the subscribe function, listens for changes
const subscribe = (listener) => {
window.addEventListener("storage", listener);
return () => {
window.removeEventListener("storage", listener);
};
}
//this is the getSnapShot function, returns data subscribed
const getSnapShot = () => {
localStorage.getItem("example");
}
//implement the Hook
const exampleValue = useSyncExternalStore(subscribe, getSnapShot);

Тут я не понял откуда пришло аргумент listener внутри коллбека subscribe

#frontend #javascript #programming #react.js #russian

0

20.09.2023

2 ответов

1 просмотр

Max Автор вопроса

Статья тут: https://lo-victoria.com/a-look-at-react-hooks-usesyncexternalstore

0

8 месяцев назад

Dmitry Remezov · Accepted Answer

> откуда пришло аргумент listener внутри коллбека subscribe Это деталь реализации, пришло из useSyncExternalStore. Ожидается, что 1) есть функция “подписки”, принимает слушателя, который будет вызван в случае изменения состояния; возвращает функцию “отписки”, удаляющую слушателя 2) есть функция получения актуального состояния Примерная логика на примере ручной реализации через простые хуки: function useSyncExternalStore(subscribe, getState) { const [state, setState] = useState(getState); useEffect(() => { const ubsubscribe = subscribe(() => setState(getState())); return ubsubscribe; }, []); return state; }

169 похожих чатов

Здравствуйте. Сможет кто-то мне объяснить как работает useSyncExternalStore? Вот есть

2 ответов

Похожие вопросы