ag-grid使用cellRenderer获取单选框状态

在 ag-grid 中，可以使用 cellRenderer 来自定义渲染单元格的方式。使用 cellRenderer 渲染单选框的方式如下：

首先，在你的项目中引入 ag-grid 和它所需的依赖，然后在你的代码中定义一个 cellRenderer 组件。

import { AgGridReact } from 'ag-grid-react';

function MyCellRenderer(props) {
  return (
    <input type="checkbox" checked={props.value} onChange={props.onChange} />
  );
}

function MyComponent() {
  const columnDefs = [{
    headerName: 'Checkbox Column',
    field: 'checkboxField',
    cellRenderer: 'MyCellRenderer',
  }];

  const rowData = [{
    checkboxField: true,
  }, {
    checkboxField: false,
  }];

  return (
    <AgGridReact
      columnDefs={columnDefs}
      rowData={rowData}
      frameworkComponents={{
        MyCellRenderer,
      }}
    />
  );
}

在上面的代码中，我们定义了一个名为 MyCellRenderer 的组件，它渲染了一个带有绑定到单元格值的单选框。然后，我们在列定义中使用 cellRenderer 属性指定使用这个组件来渲染单元格。最后，我们在 AgGridReact 组件中使用 frameworkComponents 属性注册了这个组件，以便 ag-grid 可以使用它。

这样，当 ag-grid 渲染表格时，它会使用 MyCellRenderer 组件来渲染 "Checkbox Column" 列中的所有单元格，并使用单元格的值来设置单选框的选中状态。

你可以在 onChange 事件处理程序中获取单选框的当前状态，并