为何无法从useContext中获取值？已更新代码求助

你的代码问题出在上下文对象的导入方式错误：在article.js中，你导入的是index.js默认导出的App组件，而非命名导出的articleContext上下文对象，导致useContext无法正确读取上下文值。

修改方法 #

将components/useContext/article.js中的导入语句修改为命名导入：

import React from "react";
import { useContext } from "react";
// 改为命名导入上下文对象
import { articleContext } from "./index";

const Article = () => {
  const article = useContext(articleContext);
  return (
    <div>
      <h3>{`Article title is: ${article}`}</h3>
      {console.log(article)}
    </div>
  );
};

export default Article;

修改后，Article组件就能正确获取到articleContext.Provider传递的"chanheng"值了。

内容的提问来源于stack exchange，提问作者Chanheng Hong