如何在reactjs的物料界面的SwipeableDrawer中发送参数

npm install @material-ui/core

import React, { useState } from 'react';
import SwipeableDrawer from '@material-ui/core/SwipeableDrawer';

function MyComponent() {
  const [isOpen, setIsOpen] = useState(false);
  
  const toggleDrawer = (open) => (event) => {
    if (
      event &&
      event.type === 'keydown' &&
      (event.key === 'Tab' || event.key === 'Shift')
    ) {
      return;
    }

    setIsOpen(open);
  };

  return (
    <div>
      <button onClick={toggleDrawer(true)}>打开抽屉</button>
      <SwipeableDrawer
        anchor="left"
        open={isOpen}
        onClose={toggleDrawer(false)}
        onOpen={toggleDrawer(true)}
      >
        {/* 在这里放置抽屉的内容 */}
      </SwipeableDrawer>
    </div>
  );
}

const toggleDrawer = (param) => (event) => {
  // 使用参数param进行操作
  console.log(param);

  if (
    event &&
    event.type === 'keydown' &&
    (event.key === 'Tab' || event.key === 'Shift')
  ) {
    return;
  }

  setIsOpen(open);
};

<button onClick={toggleDrawer('参数值')}>打开抽屉</button>