1.Drawer抽屜

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

2.何時(shí)使用

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

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

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

組件代碼來(lái)自： 抽屜 Drawer - Ant Design

3.本地驗(yàn)證前的準(zhǔn)備

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

4.本地驗(yàn)證Drawer的用法。

復(fù)制下圖所示代碼，了解Drawer抽屜的基礎(chǔ)用法。

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