问如何在使用钩子单击React中的按钮时更改按钮背景颜色

EN

import React, { useState } from "react";
import { Button } from "antd"
import 'antd/dist/antd.css';
import "./App.css";

const App = () => {
  const [buttonOne, setButtonOne] = useState("red")

  const [buttonTwo, setButtonTwo] = useState("blue")

  const buttonTwoBackgroundColor = () => {
    setButtonTwo({
      backgroundColor: "red",
      border: "red"
    })
  }
  return (
    <div>
      <Button style={{backgroundColor: buttonOne, border: buttonOne}} className="one" type="primary">First</Button>
      <Button style={{backgroundColor: buttonTwo, border: buttonTwo}} onClick={buttonTwoBackgroundColor} className="two" type="primary">Second</Button>
    </div>
  )
}

export default App

.one {
  margin-right: 5px;
  margin-left: 250px;
  margin-top: 50px;
}



.two, .three, .four, .five {
  margin-right: 5px;
}