Перейти к основному содержимому

useStore

Реакт-хук, который подписывается на стор и возвращает его текущее значение, поэтому при обновлении стора, компонент также будет автоматически обновлён

useStore(store: Store<T>): T

Аргументы

  1. 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>
)
}

Запустить пример