ant design - 警告：React.createElement：类型无效 - 预期答案

【问题标题】：antd design - Warning: React.createElement: type is invalid -- expectedant design - 警告：React.createElement：类型无效 - 预期
【发布时间】：2020-08-05 20:56:08
【问题描述】：

我在使用 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"

【问题讨论】：

警告与导入语句无关。使用引发此警告的行发布代码。你的导入没问题。

标签： reactjs antd snowpack

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

import { Button } from 'antd';

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

【讨论】：