createContext
- 在 React 中,
createContext
是一个函数,用于创建 Context 对象。Context 允许你在组件树中共享数据,而无需显式地通过每一级组件的props
进行传递。它适合在应用中共享全局状态,比如认证信息、主题设置、语言选择等。
使用步骤
1. 创建 Context
import React, { createContext } from 'react';
const MyContext = createContext();
- 这会创建一个
MyContext
对象。MyContext
对象包含两个属性:MyContext.Provider
:用于提供数据。MyContext.Consumer
:用于消费数据(通常用useContext
更方便)。
2. 提供数据:使用 Context.Provider
const App = () => {
const value = 'Hello, World!';
return (