如何在 React 中导入函数组件？

Question

我有一个要导入我的应用程序的功能组件，但我得到：

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

检查 的渲染方法ProjectDropContainer。

这是一个沙箱：

https://codesandbox.io/s/brave-voice-bdrx0

我尝试像这样导入 ProjectDropContainer：

import ProjectDropContainer from "./ProjectDropContainer";

或者像这样：

import {ProjectDropContainer} from "./ProjectDropContainer";

但还是一样！

我尝试根据（并且正在运行）的示例是：

https://codesandbox.io/s/github/emyarod/carbon/tree/dnd-uploader-codesandbox/packages/react/examples/drag-and-drop-file-uploader

Answer 1

您应该导出默认的 ProjectDropContainer 组件：

export default ProjectDropContainer

然后像这样导入它：

import ProjectDropContainer from "./ProjectDropContainer";