在cellEditable材料表上，如何限制用户输入负数？

如何解决在cellEditable材料表上，如何限制用户输入负数？

我在我的项目中使用可编辑的材料表单元格。我想限制用户在该字段中输入否定的 no。另外，抛出错误验证。如何做到这一点？？

https://codesandbox.io/s/material-demo-forked-h1f8d?file=/demo.js:609-979

 <MaterialTable
      title="Cell Editable Preview"
      columns={columns}
      data={data}
      cellEditable={{
        onCellEditApproved: (newValue,oldValue,rowData,columnDef) => {
          return new Promise((resolve,reject) => {
            console.log("newValue: " + newValue);
            setTimeout(resolve,1000);
          });
        }
      }}
    />

解决方法

Material-table 通过列支持 validation。您必须在列中添加验证键，然后根据您的要求进行验证。例如：

columns={[
    {
          title: 'Name',field: 'name',validate: rowData => rowData.name === '' ? 'Name cannot be empty' : ''
    },]}

如果名字为空，上面的代码会报错。您可以在您的案例中对所需的单元格执行相同的操作。