Реакт-хук, который подписывается на стор и возвращает его текущее значение, поэтому при обновлении стора, компонент также будет автоматически обновлён
useStore(store: Store<T>): T
Аргументы
store
: Store
Возвращает
(State)
Пример
import { createStore, createApi } from "effector";
import { useStore } from "effector-react";
const $counter = createStore(0);
const { increment, decrement } = createApi($counter, {
increment: (state) => state + 1,
decrement: (state) => state - 1,
});
const App = () => {
const counter = useStore($counter);
return (
<div>
{counter}
<button onClick={increment}>Increment</button>
<button onClick={decrement}>Decrement</button>
</div>
);
};
Перевод поддерживается сообществом
Документация на английском языке - самая актуальная, поскольку её пишет и обновляет команда effector. Перевод документации на другие языки осуществляется сообществом по мере наличия сил и желания.
Помните, что переведенные статьи могут быть неактуальными, поэтому для получения наиболее точной и актуальной информации рекомендуем использовать оригинальную англоязычную версию документации.