Name: contextType
Uploaded: 2019-10-19T18:49:15.554Z
Duration: 7 min
Description: There are several ways to consume context. The most straightforward (but most restrictive), is to add a static property to the class-based component: ```js Component.contextType = ThemeContext; ``` You can then use string interpolation to use it in your component.

scrimba

Watch in fullscreen

contextType

by Bob Ziroll

About

Comments

Notes

contextType

by Bob Ziroll

Expand for more info

index.js

run

preview

console

import React from "react"
import ReactDOM from "react-dom"

import App from "./App"
const ThemeContext = React.createContext()

ReactDOM.render(
    <ThemeContext.Provider value={"light"}>
        <App />
    </ThemeContext.Provider>, 
    document.getElementById("root")
)

-7:00