reactjs - antd design - 警告:React.createElement:类型无效——预期
问题描述
使用 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"
解决方案
Antd Button 接受 5 个 STRING 选项之一:“default”、“primary”、“dashed”、“text”、“link”。您正在尝试传递一个对象。
import { Button } from 'antd';
此外,这工作得很好。使用 VScode 将有助于通过简单的类型导入,VSCode 将指导您如何导入所需的组件
推荐阅读
- javascript - Vue.js 如何使用选项卡加载不同的组件
- vba - MS Access 宏将文件作为 .xlsx 导出到特定文件路径,并将当前日期 (YYMMDD) 添加到文件名末尾
- c# - 管理个人资料页面:尝试激活时无法解析服务类型
- python - Python Django:您正在使用 staticfiles 应用程序而没有将 STATIC_ROOT 设置设置为文件系统路径
- javascript - javascript UTF-16 或 UTF-8 中的字符串编码
- amazon-web-services - 如何基于 kafka 队列自动扩展 AWS EKS 实例
- angular - 在 Angular 8 中的兄弟组件之间传递数据的最佳方式是什么?
- php - 如何在 Laravel 7 的 RegisterController 中将注册表单中的角色分配给新用户?
- asp.net-mvc - Kendo UI 下拉菜单显示为文本框
- javascript - 如何在本地存储 (JS) HTML 按钮并在页面加载时检索按钮