Javascript 在react js中一次选择一个按钮

我想一次只从按钮列表中选择一个按钮

这是我的onclick函数

    const  handleClick=(e)=>{
    console.log("this is working fine");
    e.preventDefault();
    e.target.style.backgroundColor = 'blue'
    console.log(e.target);
}

这是我的密码

<div ref={titleRef} className="scrollmenu">
        <Button onClick={handleClick} className="filter-button">Filter</Button>
        <Button onClick={handleClick} className="filter-button">Filter</Button>
        <Button onClick={handleClick} className="filter-button">Filter</Button>
        <Button onClick={handleClick} className="filter-button">Filter</Button>
        <Button onClick={handleClick} className="filter-button">Filter</Button>
        <Button onClick={handleClick} className="filter-button">Filter</Button>
        <Button onClick={handleClick} className="filter-button">Filter</Button>
        <Button onClick={handleClick} className="filter-button">Filter</Button>
        <Button onClick={handleClick} className="filter-button">Filter</Button>
        <Button onClick={handleClick} className="filter-button">Filter</Button>
        <Button onClick={handleClick} className="filter-button">Filter</Button>
        <Button onClick={handleClick} className="filter-button">Filter</Button>
      </div>

滤器
滤器
滤器
滤器
滤器
滤器
滤器
滤器
滤器
滤器
滤器
滤器

为什么要多次渲染重复按钮，而不是在贴图功能中渲染？