• 類組件createContext、靜態(tài)屬性contextType 與函數(shù)組件useContext 的對(duì)比

import { Component, createContext, useContext } from 'react' const AppContext = createContext(0) class Foo extends Component {render() {return (<AppContext.Consumer>{value => ('Foo:' + value)}</AppContext.Consumer>)} } class Bar extends Component {static contextType = AppContextrender() {const value = this.contextreturn <>Bar:{value}</>} } const Baz = () => {const value = useContext(AppContext)return <>Baz:{value}</> } const Middle = () => {return (<><AppContext.Provider value={888}><Foo /><br /><Bar /><br /><Baz /></AppContext.Provider></>) } export default Middle

總結(jié)

以上是生活随笔為你收集整理的4 contextHook的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。