react項目的組件庫antd-mobile

1.antd-mobile是由螞蟻金融團隊推出的一個開源的react組件庫，這個組件庫擁有很多使用的組件，下面我來介紹一下他的用法：

2.按照官網http://beta.mobile.ant.design/docs/react/introduce-cn上的操作步驟：

npm install antd-mobile@next --save

3.在你的項目中的package.json檔案裡會有antd-mobile的引用版本，同時它會儲存到項目的node_modules目錄下，如下圖：

4.之前項目需要做一個日曆選擇時間，但是一個完整成熟的日曆很麻煩，最好是選用一些已經開源，比較成熟的組件，比如這個，在官網的一個簡單的時間選取器：

5.ok，我們把它放到項目中：

按照官網上http://beta.mobile.ant.design/components/date-picker-cn/ 的要求，在你的頁面上import，如下：

然後在你的布局中加入：

注意：一定要根據官網。。。

6.最後我們用的是webstorm開啟項目：在底部欄輸入：npm start

然後在瀏覽器中啟用你的目錄，（項目開始的時候老大會告訴你的。。。）加上你自己的檔案名稱（配置好router）

剛剛展示的是一個彈框，和日曆這些組件的用法是一樣的，效果如下：

（完）