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中。单一数据来源。
        
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM