antd 关于验证table里面的每条数据

Question

https://ant.design/components... 可编辑表格

Answer 1

自定义校验方法，把当前输入的值，与table数据集做比较

Answer 2

{
  validator: this.checkUniqueName(),
},


checkUniqueName() {
    return (rule, value, callback) => {
    // 调接口
    request(...)
      .then((res) => {
          const isSame = _.get(res, 'response.data');
          if (isSame !== 'false') {
            callback('存在重复name，请修改name后再进行保存');
          } else {
            callback();
          }
       });
    }
}

Answer 3

这种其实不是伪需求吗？

就问一个问题：
你的table一次一定不是显示数据库全部的数据，还有些没有查询出来的数据，你能通过前端比对吗？，怎么确保名称不一样？

所以个人认为：这个验证就是在你输入完名称的时候，使用api进行校验； antd里面的form应该是支持远程校验的