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

Я получаю эту ошибку 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"

person jonjonson    schedule 05.08.2020    source источник
comment
Предупреждение касается не оператора импорта. Разместите код со строкой, которая выдает это предупреждение. Ваш импорт в порядке.   -  person Michael Sivolobov    schedule 08.08.2020


Ответы (2)


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

person Neves    schedule 10.08.2020

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

import { Button } from 'antd';

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

person Kyle.Ng    schedule 13.08.2020