feats

src/layouts/AuthLayout/components/Header/User.jsx

-import React, { useState, forwardRef, useRef } from 'react';
-import { Avatar, Dropdown, Menu, Form, Input, Modal } from 'antd';
+import React, { useState, forwardRef, useRef, useImperativeHandle } from 'react';
+import { Avatar, Button, Dropdown, Menu, Form, Input, Modal } from 'antd';
 
 const ChangePassword = forwardRef((props, ref) => {
   const [visible, setVisible] = useState(false);
   });
 
   return (
-    <Modal title="修改密码" visible={visible}>
+    <Modal title="修改密码" visible={visible} onCancel={() => setVisible(false)}>
       <Form
         labelCol={{ span: 8 }}
         wrapperCol={{ span: 16 }}
         onFinish={onFinish}
-        onFinishFailed={onFinishFailed}
         autoComplete="off"
       >
         <Form.Item
       <div className="user-info">
         <Avatar src="https://joeschmoe.io/api/v1/random" />
         <span className='font'>张延森</span>
+        <ChangePassword ref={passRef} />
       </div>
-      <ChangePassword ref={passRef} />
     </Dropdown>
   )
 }