Reactjs 为表中的每一行添加按钮或单选按钮

我使用react material ui table，我想每行添加一个按钮或单选按钮，请帮助我。我的表格代码如下所述

<GridContainer>
      <GridItem xs={12} sm={12} md={12}>
        <Card>
          <CardHeader color="success">
            <h4 className={classes.cardTitleWhite}>New Expenses</h4>
            <p className={classes.cardCategoryWhite}>

            </p>
          </CardHeader>
          <CardBody>
            <Table
              tableHeaderColor="success"
              tableHead={["Expense", "DivNo", "Amount", "Generated by","Description", "Date"]}
              tableData={[
                ["Advance Pay(Weekly salary advance)", "div1", "3000", "Conductor","0778945612","2020-01-15"],
                ["Advance Pay(Weekly salary advance)", "div1", "5000","Conductor","0714578963","2020-01-05"],
                ["Loan Request(Loans for laborers)", "div2", "4500", "Conductor","0701254523","2020-01-09"],
                ["Electricity", "div2", "5000", "Manager","None","2019-12-31"],
                ["Fuel", "div3", "6000", "Manager","None","2020-01-02"],
                ["Phone Bill", "div2", "6000", "Manager","None","2020-01-01"]
              ]}/>            
          </CardBody>
        </Card>
      </GridItem>      
    </GridContainer>

新开支

材质表中有一个内置的操作属性。您必须添加操作，它将应用于每一行。以下代码可能会有所帮助：

<MaterialTable
  // other props
  actions={[
    {
      icon: 'save',
      tooltip: 'Save User',
      onClick: (event, rowData) => {
        // Do save operation
      }
    }
  ]}
/>

{
//执行保存操作
}
}
]}
/>

有关详细信息，请访问：