material ui <ExpansionPanel> onChange pass变量

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

const MyComponent = () => {
  const [expanded, setExpanded] = useState(false);
  const [myVariable, setMyVariable] = useState('');

  const handleChange = (event) => {
    setExpanded(!expanded);
    setMyVariable(event.target.value); // 获取其他需要的数据
    // 执行其他逻辑操作
  };

  return (
    <ExpansionPanel expanded={expanded} onChange={handleChange}>
      <ExpansionPanelSummary>
        {/* 面板标题 */}
      </ExpansionPanelSummary>
      <ExpansionPanelDetails>
        {/* 面板内容 */}
      </ExpansionPanelDetails>
    </ExpansionPanel>
  );
};

export default MyComponent;