Вопросы Теги
Описание
Все вопросы "antd"

Ant Design, язык дизайна пользовательского интерфейса корпоративного класса и реализация на основе React.

Ant Design

Язык дизайна пользовательского интерфейса корпоративного класса и реализация на основе React.

Особенности

  • Язык проектирования корпоративного класса и высококачественный пользовательский интерфейс.
  • Изящные компоненты пользовательского интерфейса из коробки, основанные на React Component .
  • Написано на TypeScript с полным определением типов.
  • Среда разработки npm + webpack + babel + dora + dva .

Установить 

npm install antd

Использование

Использовать готовый пакет 

import { DatePicker } from 'antd'; ReactDOM.render(<DatePicker />, mountNode);

И стиль импорта вручную: 

import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'

Использовать modularized antd

Используйте babel-plugin-import (рекомендуется) 

// .babelrc { "plugins": [["import", { libraryName: "antd", style: "css" }]] }

Затем вы можете напрямую импортировать компоненты из antd. 

// import js and css modularly, parsed by babel-plugin-import import { DatePicker } from 'antd';

Импорт вручную: 

import DatePicker from 'antd/lib/date-picker'; // just for js import 'antd/lib/date-picker/style/css'; // with style

Поддержка среды

  • Браузер: современные браузеры и Internet Explorer 9+.
  • Рендеринг на стороне сервера
  • Электрон

TypeScript

(tsconfig.json) 

{ "compilerOptions": { "moduleResolution": "node", "jsx": "preserve", "allowSyntheticDefaultImports": true } }

Примечание: установите allowSyntheticDefaultImports для предотвращения error TS1192: Module 'react' has no default export.

Ссылки