如何使用React JS中的按钮onClick更改按钮内的背景和文本颜色

import React, { useState } from 'react';

const Button = () => {
  const [backgroundColor, setBackgroundColor] = useState('white');
  const [textColor, setTextColor] = useState('black');

  const handleClick = () => {
    if (backgroundColor === 'white') {
      setBackgroundColor('blue');
      setTextColor('white');
    } else {
      setBackgroundColor('white');
      setTextColor('black');
    }
  };

  return (
    <button
      style={{ backgroundColor: backgroundColor, color: textColor }}
      onClick={handleClick}
    >
      Click me
    </button>
  );
};

export default Button;