useContext返回未定义的子组件

Question

我正在学习hooks，并试图理解useContext。该组件是provider的子代，

但是当我看到value返回的 useContext 时，它是未定义。

https://codesandbox.io/s/divine-star-2mz87?file=/src/C2.js

在组件C2中，我未定义

Answer 1

您应该在c2中使用命名导入：

import {CContext} from "./App";

代替默认导入，这将使您App反应组件import CContext from "./App";