Question

在使用Snowpack的开发人员模式下运行时，我收到此React错误

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.

此导入来自错误。

import { Button } from "antd"

这是您需要了解的依赖项。

 "dependencies": {
    "antd": "^4.5.2",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
  },
  "devDependencies": {
    "@snowpack/app-scripts-react": "^1.8.3",
    "snowpack": "^2.7.6"
  }

您知道我该如何解决吗？

到目前为止，我还没有运气尝试过这些进口。

import { Button } from "antd/lib/button"

和

import Button from "antd/lib/button"

Answer 1

Antd Button接受一个道具type作为字符串，但是似乎您正在传递一个对象。也许您需要再次检查按钮的实现方式。

Answer 2

Antd Button接受5个STRING选项之一："default", "primary", "dashed", "text", "link"。您正尝试传递一个对象。

import { Button } from 'antd';

此外，这也很好。使用VScode将有助于通过简单的类型进行导入，而VSCode将引导您如何导入所需的组件

antd设计-警告：React.createElement：类型无效-预期

2 个答案: