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

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

npm install [email protected] --save

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

5.ok，我們把它放到專案中：

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

然後在你的佈局中加入：

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

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

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

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

（完）