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 принимает опору typeкак строку, но кажется, что вы вместо этого передаете объект. Возможно, вам нужно еще раз проверить, как вы реализовали свою кнопку.

Answer 2

Antd Button принимает один из 5 вариантов STRING: "по умолчанию", "основной", "пунктирный", "текст", "ссылка". Вместо этого вы пытаетесь передать объект.

import { Button } from 'antd';

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