React23Hooks钩子之useContext

只谈情不闲聊 提交于 2020-01-07 22:11:50
  • context就是用来更方便的实现全局数据共享的,但是由于它并不是那么好用,所以我们一般会使用第三方状态管理器来实现全局数据共享
    • redux
    • dva
    • mobx
  • useContext(context)是针对context上下文提出的一个Hooks提出的一个API,它接收React.createContext()的返回值作为参数,即context对象,并返回最近的context
  • 使用useContext是不需要再使用Provide和Consumer的
  • 当最近的context更新时,那么使用该context的hook将会重新渲染
  • 基本使用如下:
        
 
详细示例:
  • 最常用的方法:
        《1》创建一个store文件夹管理这些共享数据
        
        
        《2》在需要使用共享数据的组件比如UseContext组件中引入然后作为参数传入useContext中。单一数据来源。
        
 
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!