React hooks学习 -- “useContext”

最新推荐文章于 2024-07-20 14:00:46 发布

Luca - Zeppeline

最新推荐文章于 2024-07-20 14:00:46 发布

阅读量281

点赞数

分类专栏： React hooks 自记录文章标签： react.js 学习 javascript

本文链接：https://blog.csdn.net/m0_60940984/article/details/126444157

版权

本文探讨了React Hooks中的useContext，它提供了一个独立的上下文，用于跨组件层级高效地传递数据，并能实现数据的实时更新。此外，还提及了useContext与Mobx的结合使用，虽然作者目前不熟悉Mobx，但计划后续学习并补充相关内容。

摘要由CSDN通过智能技术生成

useContext

useContext可以创建一个独立的空间,用来跨层传递数据.且所传递的数据能够实时更新.

// useContext
// 基础demo - App -> A -> B 把app组件中的数据传给B
// 用法
// 1. createContext() -> coutext对象
// 2. 在顶层组件中 通过 context.Provider提供数据
// 3. 在底层组件中 通过 useContext() 获取顶层组件提供的数据

import {
    createContext, useContext, useState } from "react"

const CountContext = createContext()

function A () {
   
    return <div>this is A <B /></div>
}