当前位置:   article > 正文

react+antd组件 modal里面包裹使用form表单并获取提交事件_modal.confirm form 如何查看form内容

modal.confirm form 如何查看form内容

1 先上图

在这里插入图片描述
在这里插入图片描述

我这里是点击“修改密码”那个按钮,然后跳到了modal框。(大家这里可以随便写一个按钮,然后给他一个点击事件让他可以显示modal框就好了,我这里着重讲解标题的内容)

2 贴代码

const [visible, setVisible] = useState(false);//antd 控制modal是否显示
const showMoal=()=>{
   
    // console.log("showMoal")
    setVisible(true);
}
const handleCancel = e => {
   
// console.log("cancel:",e);
setVisible(false);
};

function updatePasswordChange(){
   
    // console.log("0000");
    setVisible(false);
}

//Modal框
 <Modal
     title="密码修改"
     visible={
   visible}
     onCancel={
   handleCancel}
     footer={
   null}
 >
     
     <UpdatePassword updatePasswordChange=
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/盐析白兔/article/detail/115654
推荐阅读
相关标签
  

闽ICP备14008679号