为什么我需要一个花哨的 jsx 语法来实现 React Contexts

Question

我已经离开前端 js 场景有一段时间了，现在尝试赶上 React 等。

我真的不了解上下文。首先你需要在某处创建一个上下文，然后你可以使用

<Context.Provider> <Child/> </Context.Provider>

，然后你需要挖掘

<Child>

中创建的上下文实例的引用来使用它。我猜还有

<Context.Consumer>

组件。

为什么我不只是有一个

globalcontext.ts

来放置一些变量和方法，然后将其导入到我需要的地方？我是不是错过了什么？

Answer 1

TLDR； 上下文可让您提供一些范围内的状态：

1. 可以在上下文提供者包装的组件内访问
2. 比道具更广泛
3. 比全局变量范围更窄
4. 反应式（即读取上下文的子级将在更改时重新渲染。）

文档很好地解释了这一点。