antd modal 确定改变状态，取消原本状态

可以使用 `onOk` 和 `onCancel` 属性来分别处理确认和取消操作，并在函数内部改变状态。

例如：

import { Modal, Button } from 'antd';
import React, { useState } from 'react';

function Example() {
  const [visible, setVisible] = useState(false);
  const [status, setStatus] = useState('原本状态');

  const handleOk = () => {
    setStatus('改变后状态');
    setVisible(false);
  };

  const handleCancel = () => {
    setVisible(false);
  };

  return (
    <>
      <Button onClick={() => setVisible(true)}>打开弹窗</Button>
      <Modal
        visible={visible}
        onOk={handleOk}
        onCancel={handleCancel}
      >
        <p>确定要改变状态吗？</p>
      </Modal>
      <p>{status}</p>
    </>
  );
}

export default Example;

在此示例中，当点击按钮时，会打开一个包含确认和取消按钮的弹窗。当点击确认按钮时，`handleOk` 函数会将状态从原本状态改变为改变后状态，并关闭弹窗。当点击取消按钮时，`handleCancel` 函数只会关闭弹窗，不会改变状态。最后，状态会在页面上显示出来。