Effector

Effector

  • Docs
  • Try
  • API
  • Blog
  • Twitter
  • GitHub

›effector-react

effector

  • API Reference
  • Event
  • Store
  • Effect
  • Domain
  • createStore
  • createEvent
  • createEffect
  • createDomain
  • createStoreObject
  • combine
  • restore
  • createApi
  • clearNode
  • merge
  • split
  • sample
  • guard
  • forward
  • fromObservable

effector-react

  • API Reference
  • useStore
  • useStoreMap
  • useList
  • createComponent
  • Gate
  • createGate
  • useGate
  • createStoreConsumer

effector-vue

  • API Reference
  • VueEffector
  • ComponentOptions
  • Vue
Edit

createStoreConsumer(store)

The createStoreConsumer creates a consumer who is watching for changes in the store. Based on Render Props technique.

Arguments

  1. store (Store)

Returns

(React.Component)

Example

import React from 'react'
import ReactDOM from 'react-dom'
import {createStore} from 'effector'
import {createStoreConsumer} from 'effector-react'

const firstName = createStore('Alan')

const FirstName = createStoreConsumer(firstName)

const App = () => <FirstName>{name => <h1>{name}</h1>}</FirstName>

ReactDOM.render(<App />, document.getElementById('root'))
← useGateAPI Reference →
Effector
Docs
Getting StartedAPI Reference
Community
User ShowcaseStack OverflowGitterTwitter
More
GitHubStar
Copyright © 2019 zerobias