React按钮onClick渲染三种颜色，如何制作那个按钮？

import React, { useState } from 'react';

const Button = () => {
  const [color, setColor] = useState('red');

  const handleClick = () => {
    switch (color) {
      case 'red':
        setColor('green');
        break;
      case 'green':
        setColor('blue');
        break;
      case 'blue':
        setColor('red');
        break;
      default:
        setColor('red');
        break;
    }
  };

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

export default Button;