설치 및 구성 요소 라이브러리 AntDesign를 사용하는 반응

프로젝트 개발의 사용을위한 프레임 워크를 반응, 적절한 자신의 UI 라이브러리의 선택은 매우 중요하다 antd좋은 선택입니다. antd반응 UI 컴포넌트 라이브러리는 주로 백엔드 엔터프라이즈 급 제품에 사용되는 개미 디자인 시스템 설계를 기반으로합니다. 구성 요소 라이브러리가 상자의 높은 품질 밖으로 반응한다. 거의 모든 지원 현재 브라우저 (위의 지원 IE11과), 그러나 또한 전자 데스크톱 응용 프로그램 개발을 지원합니다.
Antd 공식 웹 사이트 : https://ant.design/

설치 1

설치 NPM 사용

cnpm i antd -S

사용 실 설치 :

yarn add antd

2.

사용하기 전에, 필요 CSS 스타일을 소개합니다 :

import 'antd/dist/antd.css';

UI 구성 요소의 도입에 관한 수요가 antd 사용할 필요의 형성 :

import { Button } from 'antd';
ReactDOM.render(<Button />, document.getElementById('root'));

공식 문서를 확인합니다

: 로그인 공식 웹 사이트 주소 antd https://ant.design/
: 공식 웹 사이트가 열려 있지, 당신은 공식 미러 주소를 사용할 수있는 것입니다 https://ant-design.gitee.io/index-cn을
, 탐색의 구성 요소를 찾아 웹 사이트를 연 후를 필요에 따라 해당 구성 요소를 튜토리얼보기.

우리는 예를 들어, 코드 쇼를 구성 요소를 볼 수 있습니다, Button 구성 요소에 현재 위치 :

다른 UI 스타일의 예에서, 당신은 클릭 할 수 있습니다 <>스타일 구성 요소의 프로젝트에 참조, 소스 코드의 예에 따라, 소스 코드를 볼 수있는 버튼을 누릅니다.

또한 구성 요소에 API, 구성 항목의 특성과 학습 요소를 볼 수 있습니다 :

다른 구성 요소는 가장 중요한 구성 항목의 각 구성 요소의 API를 배우는 것입니다, UI 구성 요소를 사용하여, 위의 방법에 따라 유사하다 배울 수 있습니다.