选定的Material UI选项卡具有与其余选项卡不同的颜色

import React from 'react';
import Tabs from '@material-ui/core/Tabs';
import Tab from '@material-ui/core/Tab';

const MyTabs = () => {
  const [value, setValue] = React.useState(0);

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

  return (
    <Tabs value={value} onChange={handleChange}>
      <Tab label="选项卡1" />
      <Tab label="选项卡2" />
      <Tab label="选项卡3" style={{ backgroundColor: value === 2 ? 'red' : 'blue' }} />
    </Tabs>
  );
};

export default MyTabs;