更改按钮的变体单击MUI

你可以这样做到:

import React, { useState } from 'react';


    function App() {
      const [currentButtonVariant, setCurrentButtonVariant] = useState('outlined');
    
      const handleButtonVariantChange = () => {
        if (currentButtonVariant === 'outlined') {
          setCurrentButtonVariant('contained');
        }
        else {
          setCurrentButtonVariant('outlined');
        }
      }
    
      return (
        <div className="App">
            <Button variant={currentButtonVariant} onClick={handleButtonVariantChange}>Click me to change my variant to contained</Button>
        </div>
      );
    }