是否在单击时立即更改material UI组件的背景颜色？

import React, { useState } from 'react';

const MyComponent = () => {
  const [backgroundColor, setBackgroundColor] = useState('white');

  const handleClick = () => {
    setBackgroundColor('blue');
  };

  return (
    <div
      style={{
        backgroundColor: backgroundColor,
        width: '200px',
        height: '200px',
      }}
      onClick={handleClick}
    >
      Click me to change background color
    </div>
  );
};

export default MyComponent;