我正在為 Material UI 選項卡實現(xiàn)一個 React 類。我基本上從 material ui 網(wǎng)站中獲取了選項卡的示例，并將其轉(zhuǎn)換為類兼容格式。他們網(wǎng)站上的例子如下：import React from 'react';import PropTypes from 'prop-types';import { makeStyles } from '@material-ui/core/styles';import AppBar from '@material-ui/core/AppBar';import Tabs from '@material-ui/core/Tabs';import Tab from '@material-ui/core/Tab';import Typography from '@material-ui/core/Typography';function TabContainer(props) {  return (    <Typography component="div" style={{ padding: 8 * 3 }}>      {props.children}    </Typography>  );}TabContainer.propTypes = {  children: PropTypes.node.isRequired,};const useStyles = makeStyles(theme => ({  root: {    flexGrow: 1,    backgroundColor: theme.palette.background.paper,  },}));export default function SimpleTabs() {  const classes = useStyles();  const [value, setValue] = React.useState(0);  function handleChange(event, newValue) {    setValue(newValue);  }  return (    <div className={classes.root}>      <AppBar position="static">        <Tabs value={value} onChange={handleChange}>          <Tab label="Item One" />          <Tab label="Item Two" />          <Tab label="Item Three" />        </Tabs>      </AppBar>      {value === 0 && <TabContainer>Item One</TabContainer>}      {value === 1 && <TabContainer>Item Two</TabContainer>}      {value === 2 && <TabContainer>Item Three</TabContainer>}    </div>  );}