Material ui (反应材料表):“;可编辑";启用,但无法设置isEditable和isDeletable

Material ui (反应材料表):“;可编辑";启用,但无法设置isEditable和isDeletable,material-ui,material-table,react-material,Material Ui,Material Table,React Material,我的React程序中有一段代码,如下所示。但是,isEditable和isDeletable字段根本不起作用。我可以在这里做些什么来禁用某些操作 ----更新实际代码---- index.html ABC客户 您需要启用JavaScript才能运行此应用程序。 index.js 从“物料表”导入物料表; 从“React”导入React; 从“react dom”导入react dom; 类测试扩展了React.Component{ render(){ 常量列=[ {标题:“名字”,字段:“f

我的React程序中有一段代码,如下所示。但是,
isEditable
isDeletable
字段根本不起作用。我可以在这里做些什么来禁用某些操作

----更新实际代码----

index.html


ABC客户
您需要启用JavaScript才能运行此应用程序。
index.js

从“物料表”导入物料表;
从“React”导入React;
从“react dom”导入react dom;
类测试扩展了React.Component{
render(){
常量列=[
{标题:“名字”,字段:“fname”},
{title:“Lastname”,字段:“lname”},
{
标题:“已注册”,
字段:“已注册”,
render:rowData=>rowData&&rowData.registered?”✔️" : " ",
可编辑:“从不”
}
];
常数数据=[
{
“fname”:“Abc”,
“id”:“745ce3”,
“lname”:“Medo”,
“已注册”:0
},
{
“fname”:“an”,
“id”:“111111”,
“lname”:“kad”,
“注册”:1
},
{
“fname”:“Yan”,
“id”:“4e9a93”,
“lname”:“Yang”,
“注册”:1
}
];
return{console.log(rowData);return(rowData.registered==1&&rowData.id!==111111”);},
isDeletable:rowData=>(rowData.id!==“111111”),
onRowAdd:newData=>
新承诺((解决、拒绝)=>{
设置超时(()=>{
解决();
}, 1000);
}),
onRowUpdate:(新数据、旧数据)=>
新承诺((解决、拒绝)=>{
设置超时(()=>{
解决();
}, 1000);
}),
onRowDelete:oldData=>
新承诺((解决、拒绝)=>{
设置超时(()=>{
解决();
}, 1000);
})
}}
/>
}
}
类TestPage扩展了React.Component{
渲染=()=>
}
ReactDOM.render(
,
document.getElementById(“根”)
);

IsEdit和IsDelete在我的测试中运行良好,你能在codesandbox中复制并共享吗?@Domino987我更新了我代码的简化版。我在这个简化版上进行了测试,结果与底部的图片类似(没有禁用任何操作按钮)。实际上,这就是当前的实现。即使禁用了按钮,也可以像往常一样看到。但是您不能为它们计时。我将制作一个PR来解决这个问题。@Domino987“您不能为它们计时”是什么意思?我添加了
console.log(“del/update/add”)
对于刚才的三个钩子函数中的每一个,所有行都会生成相同的日志,即使对于那些不应该被删除或编辑的日志也是如此。isEditable和isDeletable在我的测试中工作得很好,你能在codesandbox中复制并共享它吗?@Domino987我更新了我代码的简化版本。我在这个简化版本上进行了测试,结果是正确的类似于底部的图片(没有禁用任何操作按钮)。这实际上是当前的实现。即使禁用,按钮也会像往常一样可见。但您无法为它们计时。我将制作一个PR来解决此问题。@Domino987“您无法为它们计时”是什么意思?我添加了
console.log(“del/update/add”)
到刚才的三个钩子函数中的每一个,所有行都以相同的方式生成日志,即使对于那些不应该删除或编辑的日志也是如此。