好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

React23Hooks钩子之useContext

context就是用来更方便的实现全局数据共享的,但是由于它并不是那么好用,所以我们一般会使用第三方状态管理器来实现全局数据共享

redux

dva

mobx

useContext(context)是针对context上下文提出的一个Hooks提出的一个API,它接收React.createContext()的返回值作为参数,即context对象,并返回最近的context

使用useContext是不需要再使用Provide和Consumer的

当最近的context更新时,那么使用该context的hook将会重新渲染

基本使用如下:

        

 

详细示例:

最常用的方法:

        《1》创建一个store文件夹管理这些共享数据

        

        

        《2》在需要使用共享数据的组件比如UseContext组件中引入然后作为参数传入useContext中。单一数据来源。

        

 

查看更多关于React23Hooks钩子之useContext的详细内容...

  阅读:38次