首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >组件中未定义的函数

组件中未定义的函数
EN

Stack Overflow用户
提问于 2018-12-19 03:46:36
回答 1查看 37关注 0票数 0

我正在尝试reactjs,但我得到了一个未定义的,我不知道为什么。代码真的很简单,但也许我没有得到什么?!

代码语言:javascript
复制
  isMailValid(mail) {
    const valid_mail = RegExp("[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?");
    console.log("res => " + valid_mail.test(mail));
    return valid_mail.test(mail);
  }

  isMailOk() {
    var res = this.isMailValid(this.state.mail)
    if (res === true)
      return (<p class="false">invalid mail</p>);
    return (<p class="good">Mail Ok</p>); 
  }

我得到的'isMailValid‘没有定义-undef。Thx请求帮助

EN

回答 1

Stack Overflow用户

发布于 2018-12-19 03:51:54

该函数未定义,因为它与调用它的函数不在同一范围内。要访问它,您必须在调用前加上this.,以告诉React在哪里可以找到该函数。

代码语言:javascript
复制
isMailOk() {
    if (this.isMailValid(this.state.mail) === true)
      return (<p class="false">Mail invalid</p>);
    return (<p class="good">Mail Ok</p>); 
  }

您还必须将自定义函数绑定到this。您可以通过在构造函数中放置this.isMailOk = this.isMailOk.bind(this);来完成此操作。您必须使用这两个自定义函数来执行此操作。当您从React.Component扩展类时,诸如render之类的函数不需要绑定到它,因为它们是继承的。您可以阅读有关绑定到this in the docs的更多信息。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/53840032

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档