How to disable clicked button in a map in Reactjs?

Question

When i try to click on a button all the buttons get disabled

Any help will be appertiated

Answer 1

Simply add a loading condition

<Table.Cell>
  <Button onClick={() => {
    if(loader == false){
      alert("test")
    }
  }} outline={true} gradientDuoTone="cyanToBlue">
    Edit
  </Button>
</Table.Cell>```