reactjs - antd design - 警告：React.createElement：类型无效——预期

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 接受 5 个 STRING 选项之一：“default”、“primary”、“dashed”、“text”、“link”。您正在尝试传递一个对象。

import { Button } from 'antd';

此外，这工作得很好。使用 VScode 将有助于通过简单的类型导入，VSCode 将指导您如何导入所需的组件

Answer 2

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