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

Question

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

Invariant Violation Element 类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。

检查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

标签： reactjs

Answer 1

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

export default ProjectDropContainer

然后像这样导入它：

import ProjectDropContainer from "./ProjectDropContainer";