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中。单一数据来源。
        
 
posted @ 2020-01-05 23:36  Godfi  阅读(871)  评论(0编辑  收藏  举报