<Modal title="BasicModal" visible={this.state.visible}
onOk={this.handleOk} onCancel={this.handleCancel}> footer={false}
</Modal>
title:用来设置模态框的标题
visible:用来控制显示隐藏,一般操作都是将它的状态设置为false,然后通过按钮点击改变状态变成true,然后点击取消或者关闭按钮,或者确定按钮,将状态设置为false,隐藏此模态框
onOk:底部的确定触发的方法
onCancel:底部的取消以及右上角的关闭按钮触发的方法
footer:底部样式,包含确定以及取消按钮,可以设置为false,不要自带的按钮,可以自己新写按钮。
如果要更改modal的宽度,不用改css直接在modal上面加一个width属性
备注:很多情况下使用modal的时候,由于modal不会自动清空旧数据,会导致第二次数据还是第一次的,解决方案就是,只有当visiable为true的时候,才引入modal,({visiable ? <Modal/>:''})
antd-Modal对话框
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- /* UIViewController is a generic controller base class th...
- 原文:https://github.com/electron/electron/blob/master/docs/...
- Dialogs - 对话框 Dialogs inform users about a specific task ...