Material table 物料表中的错误消息

当我进行验证时，我试图输入一条错误消息。 例如，当用户尝试更新电子邮件时，他的电子邮件未验证，我有一个emailError“email are not validate”， 我不会在输入字段中显示这个值。 有人能帮我解决这个问题吗？ 谢谢

//

新承诺（（解决、拒绝）=>{
设置超时（（）=>{
if（this.checkValidation（））{
解决（）；
}                                
拒绝（）；
}, 600);
}),
onRowAdd:newData=>
新承诺（（解决、拒绝）=>{
设置超时（（）=>{
if（this.checkValidation（））{
解决（）；
}
拒绝（）；
}, 600);
}),
}}
/>

这有点棘手。您需要覆盖

editComponent

，以显示错误消息。为此，您可以阻止传递给

editComponent

的onChange函数，并使用钩子保持本地状态。本地状态处理新的输入和验证。只有验证成功时，内容才会传回表

---

这是一个供您查看的文件。

这有点棘手。您需要覆盖

editComponent

，以显示错误消息。为此，您可以阻止传递给

editComponent

的onChange函数，并使用钩子保持本地状态。本地状态处理新的输入和验证。只有验证成功时，内容才会传回表

---

这是一个供您签出的电子邮件。

您只需使用材料表中的验证道具验证电子邮件即可

 columns: [
    { 
       title: 'Email', 
       field: 'email',
       validate : rowData => { 
        const EMAIL_REGEX = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
        if(!EMAIL_REGEX.test(rowData.email)){
           return{isValid:false,helperText:'Invalid Email'}
        }else{
           return true
        }
       }
     }
],

列：[
{ 
标题：“电子邮件”，
字段：“电子邮件”，
验证：rowData=>{
const-EMAIL\u REGEX=/^（[^（）\[\]\\，；：\s@“]+（\.[^（）\[\]\，；：\s@”]+*）（“+”）（\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]+]$/
如果（！EMAIL_REGEX.test（rowData.EMAIL））{
返回{isValid:false，helperText:'Invalid Email'}
}否则{
返回真值
}
}
}
],

您只需使用物料表中的验证道具验证电子邮件即可

 columns: [
    { 
       title: 'Email', 
       field: 'email',
       validate : rowData => { 
        const EMAIL_REGEX = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
        if(!EMAIL_REGEX.test(rowData.email)){
           return{isValid:false,helperText:'Invalid Email'}
        }else{
           return true
        }
       }
     }
],

列：[
{ 
标题：“电子邮件”，
字段：“电子邮件”，
验证：rowData=>{
const-EMAIL\u REGEX=/^（[^（）\[\]\\，；：\s@“]+（\.[^（）\[\]\，；：\s@”]+*）（“+”）（\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[0-9]+]$/
如果（！EMAIL_REGEX.test（rowData.EMAIL））{
返回{isValid:false，helperText:'Invalid Email'}
}否则{
返回真值
}
}
}
],

这可以通过即将推出的功能验证输入。这可以通过即将推出的功能验证输入。

 columns: [
    { 
       title: 'Email', 
       field: 'email',
       validate : rowData => { 
        const EMAIL_REGEX = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
        if(!EMAIL_REGEX.test(rowData.email)){
           return{isValid:false,helperText:'Invalid Email'}
        }else{
           return true
        }
       }
     }
],