在React组件中使用Material UI选项卡中的onChange handleChange函数

npm install @mui/material

import { Tabs, Tab } from '@mui/material';
import { useState } from 'react';

const [value, setValue] = useState(0);

<Tabs value={value} onChange={handleChange}>
  <Tab label="选项卡1" />
  <Tab label="选项卡2" />
  <Tab label="选项卡3" />
</Tabs>

const handleChange = (event, newValue) => {
  setValue(newValue);
};

import { Tabs, Tab } from '@mui/material';
import { useState } from 'react';

const MyComponent = () => {
  const [value, setValue] = useState(0);

  const handleChange = (event, newValue) => {
    setValue(newValue);
  };

  return (
    <Tabs value={value} onChange={handleChange}>
      <Tab label="选项卡1" />
      <Tab label="选项卡2" />
      <Tab label="选项卡3" />
    </Tabs>
  );
};

export default MyComponent;