Устаревшее API
Рекомендуется использовать хук useUnit
.
Реакт-хук, который подписывается на стор и возвращает его текущее значение, поэтому при обновлении стора, компонент также будет автоматически обновлён
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. Перевод документации на другие языки осуществляется сообществом по мере наличия сил и желания.
Помните, что переведенные статьи могут быть неактуальными, поэтому для получения наиболее точной и актуальной информации рекомендуем использовать оригинальную англоязычную версию документации.