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