Reactjs TypeError:无法读取属性';验证';未定义的

Reactjs TypeError:无法读取属性';验证';未定义的,reactjs,forms,validation,Reactjs,Forms,Validation,我正在尝试验证我的注册表,但我遇到了这个错误,我无法解决它。“我的表单提交”按钮转到HandlerRegistration,该按钮应首先验证表单,然后提交。我试图在这个链接中遵循这个例子 handleRegistration(事件){ event.preventDefault(); if(this.validate()){ this.toggleModal(); console.log(this.state); 让输入={}; 输入[“名称”]=“”; 输入[“电子邮件”]=“”; 输入[“密码

我正在尝试验证我的注册表,但我遇到了这个错误,我无法解决它。“我的表单提交”按钮转到
HandlerRegistration
,该按钮应首先验证表单,然后提交。我试图在这个链接中遵循这个例子

handleRegistration(事件){
event.preventDefault();
if(this.validate()){
this.toggleModal();
console.log(this.state);
让输入={};
输入[“名称”]=“”;
输入[“电子邮件”]=“”;
输入[“密码”]=“”;
输入[“确认密码”]=“”;
输入[“年龄”]=“”;
输入[“性别”]=“”;
这是我的国家({
输入:输入
});
console.log(this.state)
警报(“提交了演示表”);
}
}
验证(){
让输入=this.state.input;
让错误={};
让isValid=true;
如果(!输入[“全名”]){
isValid=false;
错误[“全名”]=“请输入您的姓名。”;
}
如果(!输入[“电子邮件”]){
isValid=false;
错误[“电子邮件”]=“请输入您的电子邮件地址。”;
}
如果(输入类型[“电子邮件”]!=“未定义”){
(2)目前(以下以下::::::::[[[[w-[w-[[w-[[[w-[[[w-[[[w-[[[w-]+)*)))除了除了除了上述两个新的RegExp((((((“[[[[[w-\w-\w-\s][[[[[[3-\s-\s[s-\s[s-[s][[[[[s][[[3]]]]]的)的)的)号号号))))))))在目前,((((((((((()))))目前((([[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[[|[0-9]{1,2}\)((25[0-5]{2[0-4][0-9]{2}{0-9]{1,2}\){2}(25[0-5]{2[0-4][0-9]{1[0-9]{2}{1,2}}})/);
如果(!pattern.test(输入[“email”])){
isValid=false;
错误[“电子邮件”]=“请输入有效的电子邮件地址。”;
}
}
如果(!输入[“密码”]){
isValid=false;
错误[“密码”]=“请输入您的密码。”;
}
如果(!输入[“确认密码”]){
isValid=false;
错误[“confirmPassword”]=“请确认您的密码。”;
}
如果(!输入[“年龄”]){
isValid=false;
错误[“年龄”]=“请输入您的年龄。”;
}
if(输入类型[“密码”]!=“未定义”&&type输入类型[“确认密码”]!=“未定义”){
如果(输入[“密码”]!=输入[“确认密码”]){
isValid=false;
错误[“密码”]=“密码不匹配。”;
}
}
这是我的国家({
错误:错误
});
返回有效;
}
手变(活动){
让输入=this.state.input;
输入[event.target.name]=event.target.value;
这是我的国家({
输入
});
}
我在这里初始化我的状态中的输入和错误对象

this.state={
isNavOpen:false,
伊斯莫达洛彭:错,
isRegistrationModalOpen:错,
输入:{},
错误:{}
}
我的登记表就是这样设计的


{this.state.errors.name}
....

谢谢你解决了这个问题


this.handleRegistration
未绑定到类(组件),因此
未引用类实例

handleRegistration(event) {
解决方案

将该方法声明为arrow函数。这样,它将是实例方法,但不在原型上,因此
将引用实例

handleRegistration(event) {


更多信息:。

谢谢。真不敢相信我忘了把它捆起来了。谢谢