如何在react本机中使用本机抽屉

import React, { useState } from 'react';
import { Drawer } from 'antd'; // 假设使用Ant Design组件库

const App = () => {
  const [visible, setVisible] = useState(false);

  const showDrawer = () => {
    setVisible(true);
  };

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

  return (
    <div>
      <button onClick={showDrawer}>打开抽屉</button>
      <Drawer
        title="抽屉标题"
        placement="right"
        closable={false}
        onClose={closeDrawer}
        visible={visible}
      >
        抽屉内容
      </Drawer>
    </div>
  );
};

ReactDOM.render(<App />, document.getElementById('root'));