弹窗组件open外置并使用三元运算

src/compenents/change-password/index.tsx

@@ -40,11 +40,12 @@ export const ChangePasswordModel: React.FC<PropInterface> = ({
 
   return (
     <>
+      {open ? (
         <Modal
           title="修改密码"
           centered
           forceRender
-        open={open}
+          open={true}
           width={416}
           onOk={() => form.submit()}
           onCancel={() => onCancel()}
@@ -97,6 +98,7 @@ export const ChangePasswordModel: React.FC<PropInterface> = ({
             </Form>
           </div>
         </Modal>
+      ) : null}
     </>
   );
 };

src/compenents/user-info/index.tsx

@@ -75,11 +75,12 @@ export const UserInfoModel: React.FC<PropInterface> = ({ open, onCancel }) => {
 
   return (
     <>
+      {open ? (
         <Modal
           title="个人信息"
           centered
           forceRender
-        open={open}
+          open={true}
           width={416}
           onCancel={() => onCancel()}
           maskClosable={false}
@@ -129,6 +130,7 @@ export const UserInfoModel: React.FC<PropInterface> = ({ open, onCancel }) => {
             </Form>
           </div>
         </Modal>
+      ) : null}
     </>
   );
 };