Component library for React Project Antd-mobile

1.antd-mobile is an open source React component library by Ant Finance Team, which has a lot of components to use, let me introduce his usage:

2. According to the official website HTTP://BETA.MOBILE.ANT.DESIGN/DOCS/REACT/INTRODUCE-CN on the operation steps:

NPM Install Antd-mobile@next--save

3. The Package.json file in your project will have a antd-mobile reference version, and it will be saved to the project's Node_modules directory, as shown below:

4. Before the project needs to make a calendar selection time, but a full maturity of the calendar is troublesome, it is best to choose some already open source, more mature components, such as this, in the official website of a simple time selector:

5.ok, we put it in the project:

In accordance with the requirements of the official online http://beta.mobile.ant.design/components/date-picker-cn/, import on your page, as follows:

Then add in your layout:

Note: Must be based on the official website ...

6. Finally we used the Webstorm Open project: In the bottom column input: NPM start

Then enable your directory in the browser (the boss will tell you when the project starts ...). Plus your own file name (configured router)

Just shown is a frame, and the calendar of these components are the same use, the effect is as follows:

Finish