首页 > 解决方案 > React Class Component - 添加一个简单的功能

问题描述

我刚刚开始使用 React,并且拥有实时验证某些输入字段的工作代码。我有一些关于验证逻辑的通用代码,并想将其提取到一个处理常见事情的方法中,但我一定做错了什么,因为我无法引入一个简单的方法来做任何事情。下面是我正在使用的组件的截断风格。我要介绍的新方法称为“测试”,我希望它在我输入输入时为每次击键记录一些内容到控制台。

class AReactComponent extends React.Component {
  constructor(props) {
    super(props);

    this.handleInput = this.handleInput.bind(this);

    this.state = {
        ...
    };
  }

  // simple method
  test() {
    console.log('test');
  }

  handleInput(event) {

      // blows up
      test();
      ...
  }
}

这是来自我的开发控制台的错误

在此处输入图像描述

是否有一种“正确”的方法来引入不处理事件监听等的简单方法?如果需要更多信息,请告诉我,如果我的任何语法不正确,我们深表歉意。

标签: reactjsmethods

解决方案


推荐阅读