Skip to content

useContext

> 分类:上下文
> 官方签名:const value = useContext(SomeContext)
> 官方文档:https://zh-hans.react.dev/reference/react/useContext

输入

  • SomeContext:由 createContext 创建的 context 对象。

输出

  • value:最近一层 Provider 提供的值;如果没有 Provider,就拿默认值。

作用

让组件直接读取跨层级共享的数据,不需要一级一级手动传 props。

通俗解释

可以把它想成“组件树里的公共广播频道”。谁订阅这个频道,谁就能收到最近的广播内容。

常见场景

  • 主题切换
  • 语言切换
  • 登录用户信息
  • 全局配置

注意点

  • 它读取的是最近的 Provider。
  • Provider 的值变化后,使用这个 context 的组件会重新渲染。

评论区

欢迎留言、补充或勘误。

xiaoba.blog