如果不选择任何按钮，则禁用所有其他按钮

Question

我有一个场景，我使用.map和value生成代码，就像无，而是一个buttonB buttonC ... buttonZ

代码是：

function handleSelectValues(event, filterAlpha, selectedAlpha, setAlpha) {
event.preventDefault();
const itemsAlpha = [...filterAlpha];
const index = findIndex(itemsAlpha, { id: selectedAlpha.id });
if (index !== -1) {
  itemsAlpha.splice(index, 1);
} else {
  itemsAlpha.push(selectedAlpha);
}
setAlpha(items);

}

{alphabets.map((alphabet) => {
          return (
            <button
              className={`btn ${isActive(
                selectedAlphabet,
                alphabets.id
              )}`}
              key={alphabets.id}
              onClick={(event) =>
                handleSelectValues(
                  event,
                  selectedAlphabets,
                  alphabets,
                  setSelectedalphabets
                )
              }
            >
              {alphabets.displayName}
            </button>
          );
        })}

输出： 无按钮A按钮B按钮C ....按钮Z

现在，我的查询是如果单击“无”按钮，则所有其他按钮应已添加禁用的类。我不知道如何实现这一目标。请帮忙