antDesign Drawer

1.一个drawer其实就是一个Drawer控件当中又包含了一个组件
就像下面这样

<Drawertitle={drawerTitle}placement="right"closableonClose={this.onCloseDrawer}visible={drawerVisible}width={800}destroyOnClose><GoodsDatail {...goodDetailProps} /></Drawer>

其中的GoodsDetail就是Drawer中要显示的内容

2.关于drawer的显示，其实就是默认设置为false，当需要进行展示的时候就改变它的visible属性

 handleDrawerVisible = flag => {this.setState({ drawerVisible : flag[0] });};

3.在保存完成之后之后我们再改变其visible属性，将其隐藏起来

我自己认为的话，其实visible既可以放在state中也可以放在model中，因为有时候我们需要判定在请求成功之后作出一些操作

antDesign Drawer相关推荐

ant-design在 vue 抽屉（drawer）里面嵌套弹出框（modal）出现蒙层遮挡弹框问题
ant-design在 vue 抽屉(drawer)里面嵌套弹出框(modal)出现蒙层遮挡弹框问题有时候会遇到这种情况,先打开抽屉,然后再抽屉里打开模态窗,出现模态窗被抽屉的的蒙层遮挡问题: 可 ...
蚂蚁金服 Ant-design 常用组件和属性整理
蚂蚁金服 Ant-design 常用组件和属性整理本文摘录自:AntDesign官网 1. 通用组件 1.1 Buttondisabled - booleanghost - booleanhref ...
antd Drawer 如何实现自动刷新
<Drawertitle="商品详情"width={520}closable={true}onClose={()=>this.hideGoodsDetail()}vis ...
vue+antdesign导航菜单动态加载
2019独角兽企业重金招聘Python工程师标准>>> antdesign侧边栏菜单,需根据后台返回的数据动态加载菜单列表,在循环填充时会遇到子菜单项<a-sub-menu&g ...
Android Navigation Drawer(导航抽屉)
Google I/O 2013 Android 更新了Support库,新版本的Support库中新加入了几个比较重要的功能. 添加 DrawerLayout 控件,支持创建 Navigation ...
Drawer的使用(一):xml文件中使用
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android=" ...
【Flutter】侧拉导航栏实现 ( Drawer 组件 | PageView 组件 )
文章目录一.Drawer 组件二.PageView 组件三.完整代码示例四.相关资源一.Drawer 组件 Scaffold 组件中的 drawer 参数 , 就是设置侧拉导航栏菜单的 , ...
create-react-app 配置scss,ant-design，装饰器，代理，node支持最新语法，express es6 后端，链接mongodb...
新建一个项目 npm install -g create-react-app create-react-app my-app cd my-app npm i npm start # 或者,npm 5. ...
vue抽屉_VUE组件中的 Drawer 抽屉实现代码
因为项目中用的是 element-ui 框架,而这个框架并没有抽屉组件,所以自己实现一个,具体代码如下: drawer.vue {{ title }} x export default { props ...
reactjs antd（ant-design）安装、基本使用及css样式的按需引入
reactjs antd(ant-design)安装.基本使用及css样式的按需引入

antDesign Drawer

antDesign Drawer相关推荐

最新文章

热门文章