Reactjs 点击物料界面，如何改变按钮颜色，反应

我正在处理一个小项目，希望在单击按钮时更改按钮的颜色。我不知道该怎么办，如果能得到任何帮助，我将不胜感激。我在React中工作，并使用材质UI库进行样式设置

谢谢你

使用任何一种

创建主题-

制作风格-

从“React”导入React；
从“@物料界面/核心/按钮”导入按钮；
导出默认函数按钮单击（）{
const[flag，setFlag]=React.useState（true）；
常量handleClick=（）=>{
setFlag（！flag）；
};
返回(
按钮
);
}

import React from "react";
import Button from "@material-ui/core/Button";

export default function ButtonClick() {
  const [flag, setFlag] = React.useState(true);

  const handleClick = () => {
    setFlag(!flag);
  };

  return (
    <Button
      onClick={handleClick}
      variant="contained"
      color={flag ? "primary" : "secondary"}
    >
      button
    </Button>
  );
}