在 antd 表中單擊后如何禁用按鈕？

Question

通過道具獲取表格值。 聲明更新功能工作正常，但記錄仍然存在。 一旦我刷新或選擇另一個選項卡，則聲明的記錄將被刪除。

{
  title: 'Action',
  dataIndex: 'action',
  render: (text, record) =>
          <Button class="claimBom-btn" onClick={(e) => this.handleClaim(e,text, record)} ><Icon type="plus-circle" />Claim</Button>
      }

此按鈕調用表中的所有記錄

Answer 1

只需傳遞數據源中的按鈕狀態。 當它被點擊時改變數據源。

const [datasource, setDatasource] = useState([
{
 disabled: false,
 // others properties
}
]);


// On button click find the data and change disabled property
const onClick = (id) => {
 const source = datasource.find(source => source.id === id);
 source.disabled = true;
 setDatasource(datasource);
}

{
  title: 'Action',
  dataIndex: 'action',
  render: (text, record) =>
   <Button disabled={text.disabled} class="claimBom-btn" onClick={(e) => this.handleClaim(e,text, record)} ><Icon type="plus-circle" />Claim</Button>
}

Answer 2

您可以簡單地將disabled道具相應地傳遞給按鈕。 調用this.handleClaim ，設置處理時應禁用哪個按鈕的狀態，並將其作為禁用this.handleClaim傳遞給按鈕。