Reactjs 禁用基于数据源属性的行-antd表

在antd表格中，在呈现数据时，我可以将行设置为禁用

因此，我有一个数据源，所以在呈现表时，我需要根据dataSource属性将表行设置为禁用

在数据源中有一个属性enabled，如果它为false，我需要将行设置为禁用的css类型

首先，我想有一个类名，但有没有任何内置的方式，我不想有选中的复选框只是平面一行被禁用

import React from "react";
import ReactDOM from "react-dom";
import "antd/dist/antd.css";
import { Table } from "antd";

import "./styles.css";

function App() {
  const dataSource = [
    {
      key: "1",
      name: "Mike",
      age: 32,
      address: "10 Downing Street",
      enabled: true
    },
    {
      key: "2",
      name: "John",
      age: 42,
      address: "10 Downing Street",
      enabled: false
    }
  ];

  const columns = [
    {
      title: "Name",
      dataIndex: "name",
      key: "name"
    },
    {
      title: "Age",
      dataIndex: "age",
      key: "age"
    },
    {
      title: "Address",
      dataIndex: "address",
      key: "address"
    }
  ];
  return (
    <>
      <Table dataSource={dataSource} columns={columns} />;
    </>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

从“React”导入React；
从“react dom”导入react dom；
导入“antd/dist/antd.css”；
从“antd”导入{Table}；
导入“/styles.css”；
函数App（）{
常量数据源=[
{
关键：“1”，
姓名：“迈克”，
年龄:32岁，
地址：“唐宁街10号”，
已启用：true
},
{
键：“2”，
姓名：“约翰”，
年龄:42,，
地址：“唐宁街10号”，
已启用：false
}
];
常量列=[
{
标题：“姓名”，
数据索引：“名称”，
键：“名称”
},
{
标题：“年龄”，
数据索引：“年龄”，
关键词：“年龄”
},
{
标题：“地址”，
数据索引：“地址”，
关键字：“地址”
}
];
返回(
;
);
}
const rootElement=document.getElementById（“根”）；
ReactDOM.render(

有什么办法可以解决这个问题吗
我们找到了解决办法

在App.js中

     <Table dataSource={dataSource} rowClassName={record => !record.enabled && "disabled-row"}
 columns={columns} />;

.disabled-row {
        background-color: #dcdcdc;
    }