React报错Element type is invalid解决案例

总览

产生"Element type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got"错误有多个原因：

• 在导入组件时，将默认导入和命名导入混淆。
• 忘记从文件中导出组件。
• 不正确地定义了一个React组件，例如，作为一个变量而不是一个函数或类。

为了解决该错误，确保使用大括号来导入命名导出而不是默认导出，并且只使用函数或类作为组件。

这里有个示例来展示错误是如何发生的。

//