button style when clicked and unclicked react material
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> ); }
Source: stackoverflow.com