Laravel护照API中React中的验证错误对象

Question

我如何从ReactJs应用程序的以下对象中访问电子邮件值？

{"message":{"email":["The email field is required."]}}

这是返回的验证错误，我想在电子邮件输入字段下显示该消息。

这段代码在vanilla js中对我有用，但在ReactJs中却失败了

const errors = {"message":{"firstname":["The firstname field is required."],"lastname":["The lastname field is required."],"email":["The email field is required."],"password":["The password field is required."]}}

const data = Object.getOwnPropertyDescriptors(errors);

// console.log("this...",data.message.value);

const descriptor1 = Object.getOwnPropertyDescriptor(data.message.value, "firstname");
const descriptor2 = Object.getOwnPropertyDescriptor(data.message.value, "lastname");
const descriptor3 = Object.getOwnPropertyDescriptor(data.message.value, "email");
const descriptor4 = Object.getOwnPropertyDescriptor(data.message.value, "password");

console.log(descriptor1.value[0]);
console.log(descriptor2.value[0]);
console.log(descriptor3.value[0]);
console.log(descriptor4.value[0]);

Answer 1

这是要解决的棘手挑战。替代选项用于实现客户端验证，这更易于自定义。可以设置为在服务器甚至没有响应之前就给出快速响应。