1.Drawer抽屜

屏幕邊緣滑出的浮層面板。

2.何時使用

抽屜從父窗體邊緣滑入，覆蓋住部分父窗體內(nèi)容。用戶在抽屜內(nèi)操作時不必離開當前任務，操作完成后，可以平滑地回到原任務。

·需要一個附加的面板來控制父窗體內(nèi)容，這個面板在需要時呼出。比如，控制界面展示樣式，往界面中添加內(nèi)容。

·當需要在當前任務流中插入臨時任務，創(chuàng)建或預覽附加內(nèi)容。比如展示協(xié)議條款，創(chuàng)建子對象。

組件代碼來自： 抽屜 Drawer - Ant Design

3.本地驗證前的準備

參考文章【react項目+antd組件-demo:hello-world react項目+antd組件-demo:hello-world_react demo-CSDN博客】，將 抽屜 Drawer - Ant Design 中需要在本地使用的代碼復制覆蓋App2.js中的全部代碼，啟動代碼，可在本地查看現(xiàn)象和更改代碼。

4.本地驗證Drawer的用法。

復制下圖所示代碼，了解Drawer抽屜的基礎用法。

本文僅介紹了組件Drawer的部分內(nèi)容，更多內(nèi)容請參閱官方文檔： 抽屜 Drawer - Ant Design