4 contextHook

类组件createContext、静态属性contextType 与函数组件useContext 的对比

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

4 contextHook相关推荐

一句话解决面试题--安卓篇
文章目录一.生命周期相关二.其他杂项 2.1.Activity四种启动模式 2.2.SharedPreference在使用过程中有什么注意点? 2.3 assets与res目录区别三.动画四. ...

4 contextHook

4 contextHook相关推荐

最新文章

热门文章