实现点击Button，改变背景颜色（多个按钮互斥显示）

一 功能描述

        在界面中，有一组button，现在需要实现下面功能：点击其中一个，改变被点击button的背景颜色。当点击下一个之后，之前点击过的按钮背景颜色还原，当前被点击的button背景色又被改变。效果如下图：

        当点击了test1，test1的背景色变为了红色。再继续点击test2，test2的背景色变为了红色，而test1的背景色还原。

                

二 功能实现（以React代码为例，其他框架逻辑类似）

1. 方式一：使用 className和动态的onClick事件。

import {Button, Space} from "antd";
import React, {useEffect} from "react";

const ButtonClick = () => {
  const changeColorMethod = () => {
    let but = document.getElementsByClassName("buttonColor");
    for (let i = 0; i < but.length; i++) {