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中。单一数据来源。
博主掘金技术社区地址——https://juejin.cn/user/1908407918660871/posts