API Reference / react-fela / RendererContext
Edit
Intro
Getting Started
Motivation
Principles
Benefits
Caveats
Ecosystem
Basics
Rules
Keyframes
Fonts
Renderer
Advanced
DOM Rendering
Server Rendering
Plugins
Renderer Configuration
Global & Third-Party Styles
Combined Rules
Enhancers
Usage Guides
Usage with React
Usage with React Native
Usage with Preact
Usage with Inferno
Usage with ReasonML
Usage with Cycle
Recipes
Responsive Components
Testing Components
Right-to-Left Rendering
API Reference
fela
createRenderer
Renderer
combineRules
enhance
fela-dom
render
rehydrate
renderToMarkup
renderToSheetList
fela-native
createRenderer
Renderer
react-fela
useFela
RendererProvider
ThemeProvider
renderToNodeList
connect
createComponent
createComponentWithProxy
FelaComponent
FelaRenderer
FelaTheme
RendererContext
ThemeContext
withTheme
fe
jest-react-fela
createSnapshot
Extra
Examples
FAQ
Docs / API Reference / react-fela / RendererContext
Edit on GitHub

RendererContext

RendererContext is the internal instance of 

React.createContext
that is provided by React's new context APIs. It is exposed to be used with React's new useContext hook.

Note: Although it is exposed for react-fela as well as preact-fela and inferno-fela, there are no useContext equivalents for the latter yet. We can however leverage the useFela hook to get the 

renderer
directly.

Imports

import { RendererContext } from 'react-fela'
import { RendererContext } from 'preact-fela'
import { RendererContext } from 'inferno-fela'

Example

import { useContext } from 'react'
import { RendererContext } from 'react-fela'
function Button() {
  const renderer = useContext(RendererContext)
  // do something with the renderer
}

On This Page

Imports
Example