Skip to content

CiciIvory/Context

Repository files navigation

React Context Provider上下文使用总结

含义及用处:

上下文:用于跨层级传递值

基本写法:

创建上下文:const demo = React.createContext() 获取 & 提供 (管道) 上下文:demo.Provider; // 注意这里没有()

Context API

  1. Ctx=React.createContext()
  2. Ctx.Provider
  3. Class.contextType 一般在Component 里声明为 static contextType=Ctx
  4. Ctx.Consumer

Context 的使用:

  1. 一个组件只能订阅一个context,并且是类组件,类组件使用contextType
  2. 函数组件不可使用contextType,需要使用到consumer在这里插入图片描述
  3. Consumer可以用于类组件 func组件 Consumer可以挂在 多个 context,但是contextType不行

博客地址: https://blog.csdn.net/qq_40593656/article/details/114032750

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published