如何更改按钮颜色 onClick Material-UI，React

Question

我正在开发一个小项目，想在单击按钮时更改按钮的颜色。我不知道该怎么做，非常感谢任何帮助。我正在 React 中工作并使用 Material-UI 库进行样式设置。

谢谢

Answer 1

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>
  );
}