useStore

React hook, which subscribes to store and returns its current value, so when store is updated, the component will update automatically.

useStore(store: Store<T>): T

Arguments

1. store: Store

Returns

(State)

Example

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>

)

}

Try it