@Bikmay
Студент вуза

Скопировал готовый компонент из библиотеки antd,включающий в себя элемент Menu. Вылетает ошибка,якобы не находит. Что делать?

Сам код
import React, { Component } from 'react';

const { Layout, Menu } = 'antd';
const { Item } = Menu;

export default class Sidebar extends Component<Props> {
  props: Props;

  render() {
    return (
      <Layout
        breakpoint="lg"
        collapsedWidth="0"
        onBreakpoint={broken => {
          console.log(broken);
        }}
        onCollapse={(collapsed, type) => {
          console.log(collapsed, type);
        }}
      >
        <div className="logo" />

        <Menu theme="light" mode="inline" defaultSelectedKeys={['2']}>
          <Item key="1">nav 1</Item>
          <Item key="2">nav 2</Item>
        </Menu>
      </Layout>
    );
  }
}


ошибка
Uncaught TypeError: Cannot destructure property 'Item' of 'Menu' as it is undefined.
    at Module.<anonymous> (Sidebar.js:4)
    at Module../app/components/Sidebar.js (renderer.dev.js:1342)
    at __webpack_require__ (bootstrap:726)
    at fn (bootstrap:100)
    at Module.<anonymous> (renderer.dev.js:1737)
    at Module../app/containers/SidebarPage.js (renderer.dev.js:1792)
    at __webpack_require__ (bootstrap:726)
    at fn (bootstrap:100)
    at Module.<anonymous> (renderer.dev.js:1422)
    at Module../app/containers/App.js (renderer.dev.js:1495)
  • Вопрос задан
  • 75 просмотров
Пригласить эксперта
Ответы на вопрос 1
BRAGA96
@BRAGA96
const { Layout, Menu } = 'antd';
Вы вытягиваете два свойства объекта из строки.
Может так?:
import antd from 'antd'
const { Layout, Menu } = antd;
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы