用react 使用 ant组件库 写一个点击按钮可以弹出的模态框

好的，这是一个简单的示例代码：

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

const ModalButton = () => {
  const [visible, setVisible] = useState(false);
  
  const handleOk = () => {
    setVisible(false);
  };
  
  const handleCancel = () => {
    setVisible(false);
  };

  return (
    <>
      <Button type="primary" onClick={() => setVisible(true)}>
        点我弹出模态框
      </Button>
      <Modal
        title="这是一个模态框"
        visible={visible}
        onOk={handleOk}
        onCancel={handleCancel}
      >
        <p>这里可以填写模态框的内容</p>
      </Modal>
    </>
  );
};

export default ModalButton;

在这个示例中，我们使用 `useState` 来管理模态框的可见性。当点击按钮时，调用 `setVisible(true)` 来让模态框可见；当点击模态框的确定或取消按钮时，调用 `setVisible(false)` 来让模态框消失。同时，我们使用了 `antd` 组件库中的 `Button` 和 `Modal` 组件来实现按钮和模态框。