Menu
Effector LogoEffectorDocsAPIBlogTry
ChangelogTwitterGitHub
Effector LogoEffector
  • Docs
  • API
  • Blog
  • Try
  • Changelog
  • Twitter
  • GitHub
Effector LogoEffector
  • Introduction
    • Installation
    • Core Concepts
    • Glossary
    • Prior Art
  • API
    • effector
      • API Reference
      • Unit creators
        • createStore
        • createEvent
        • createEffect
        • createDomain
      • Unit definitions
        • Event
        • Store
        • Effect
        • Domain
      • combine
      • restore
      • createApi
      • sample
      • guard
      • attach
      • merge
      • split
      • forward
      • is
      • fromObservable
      • createStoreObject
      • clearNode
      • Babel plugin
    • effector-react
      • API Reference
      • Hooks
        • useStore
        • useStoreMap
        • useList
        • useGate
      • createComponent
      • Gate
      • createGate
      • createStoreConsumer
    • effector-vue
      • API Reference
      • VueEffector
      • ComponentOptions
      • Vue
  • Conventions
    • Naming
    • Best practices
  • Recipes
    • Recipes
    • Countdown timer
    • Design API layer
    • Usage with TypeScript
    • React Native Example
    • React
      • Example
      • Effects
      • Forms
      • Gate - a bridge between props and store
      • TODO creator
      • Dynamic form schema
    • React Native
      • React Native Example
  • Advanced guide
    • Computation priority
  • FAQ
    • FAQ

#useGate(GateComponent, props)

Creates a Gate

#Arguments

  1. GateComponent (Gate)
  2. props (Props)

#Returns

(void)

#Example

import {createGate, useGate} from 'effector-react'
import {Route} from 'react-router'
const Page = createGate('page')
Page.state.watch(({match}) => {
console.log(match)
})
const Home = props => {
useGate(Page, props)
return <section>Home</section>
}
;<Route component={Home} />
Previous

« useList

Next

createComponent »

Docs

  • Docs
  • API
  • Changelog

Community

  • Twitter
  • Telegram 🇷🇺
  • Telegram

More

  • Github
Effector - the state manager
Copyright © 2020 zerobias