antd design - Предупреждение: React.createElement: недопустимый тип - ожидается

Question

Я получаю эту ошибку React при работе в режиме разработки со Snowpack

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: «по умолчанию», «основной», «пунктирный», «текст», «ссылка» . Вместо этого вы пытаетесь передать объект.

import { Button } from 'antd';

Кроме того, это прекрасно работает. Использование VScode поможет при импорте простым вводом, а VSCode подскажет, как импортировать желаемый компонент

Answer 2

Antd Button принимает опору type как строку, но кажется, что вы вместо этого передаете объект. Возможно, вам нужно еще раз проверить, как вы реализовали свою кнопку.