Question

这是我的Context.js文件，

import React from "react";
const IssueContext = React.createContext();
export default IssueContext;

这是我的IssuesContext.js文件，其中包含Context的提供程序代码，

import React, { useState } from "react";
import issues from "./IssuesDataSource";
import IssueContext from "./Context";

function IssueDataProvider(props) {
  return (
    <IssueContext.Provider issues={issues}>
      {props.children}
    </IssueContext.Provider>
  );
}
export default IssueDataProvider;

这是我的index.js文件，我正在尝试获取问题，

render() {
return (
  <IssueDataProvider>
    <IssueContext.Consusmer>
      {issues => <div>{issues.id}</div>}
    </IssueContext.Consusmer>
  </IssueDataProvider>
);

}

但是我遇到了这个错误，

错误：元素类型无效：预期为字符串（对于内置组件）或类/函数（用于复合组件），但得到：未定义。您可能忘记了从文件中导出组件是在其中定义的，或者您可能混淆了默认导入和命名导入。

我检查了所有文件，正确地提到了所有导出。

请帮助。

React.Consumer抛出元素类型无效错误

0 个答案: