时间戳

首页 > 解决方案 > 在 React js 中使用材料 ui 单击复选框时未选中复选框

reactjs - 在 React js 中使用材料 ui 单击复选框时未选中复选框

问题描述

在反应中，我正在使用材料 ui DataGrid 和 checkboxSelection api，但是当我选择复选框时，它不会选择，但是当我单击任何其他行时，它会选择复选框。我用于 disableClickEventBubbling: true禁用<select>单击行时但单击复选框本身仍然不起作用

    const columns = [
  { field: '"id', headerName: 'id', width: 150 ,
  disableClickEventBubbling: true,

},


<DataGrid rows={rows}
      columns={columns}
      pageSize={10}
      paginationMode='server'
     
      showColumnRightBorder
       hideFooterPagination
       showToolbar
       autoHeight
       onSelectionChange={({rowIds}) => setSelectedRecords(rowIds)}
       checkboxSelection
       />

标签： reactjsmaterial-ui

解决方案

推荐阅读