antd 中button 点击后颜色改变

你可以通过设置 Button 的属性 `style` 或 `className` 来改变 Button 点击后的样式。以下是一些示例代码：

import React, { useState } from 'react';
import { Button } from 'antd';

function MyButton() {
  const [clicked, setClicked] = useState(false);

  const handleClick = () => {
    setClicked(!clicked);
  };

  return (
    <Button
      style={{ backgroundColor: clicked ? 'red' : 'green' }}
      onClick={handleClick}
    >
      {clicked ? 'Clicked' : 'Click me'}
    </Button>
  );
}

在上述代码中，我们使用了 `useState` hook 来保存 Button 是否被点击的状态。当 Button 被点击时，我们通过 `setClicked` 函数来更新 `clicked` 的值，然后根据 `clicked` 的值来设置 Button 的背景颜色。

你还可以使用自定义 CSS 类来设置 Button 的样式。例如：

<Button className={clicked ? 'clicked' : 'unclicked'} onClick={handleClick}>
  {clicked ? 'Clicked' : 'Click me'}
</Button>

// CSS
.clicked {
  background-color: red;
}

.unclicked {
  background-color: green;
}

以上是两种常见的方法，你可以根据自己的需要来选择。