React -AppVarContext.Provider 提供者组件

AppVarContext.Provider 是一个 React 上下文提供者，通常用于在组件树中提供共享的状态或数据。下面将详细解释 AppVarContext.Provider 的作用和如何使用它。展示如何使用 AppVarContext.Provider 来管理全局状态

1. 什么是上下文（Context）？

在 React 中，上下文（Context）是一种用于在组件树中共享数据的机制，可以避免通过 props 逐层传递数据。上下文非常适合用于管理全局状态，例如用户信息、主题设置或其他需要在多个组件中共享的数据。

2. 创建上下文

首先，我们需要创建一个上下文。例如，我们可以创建一个 AppVarContext 来存储一些应用的全局变量：

import React, {
    createContext } from 'react';

// 创建上下文
const