如何将普通的 javascript 帮助类导入 React？

IT技术 javascript reactjs helper
2021-04-30 10:34:39

我有一个用 ES6 风格编写的 React 类，例如： 

export default class App extends React.Component {
    constructor(props) {
        super(props);
        let HClass = new HelperClass();
    }        
}

我的助手类存在于同一个文件中，如下所示：

class HelperClass {
    constructor() {
       this.somevar="";
    }

    some_function= () => {
        //do work
    }
 }

但是，在尝试构建和运行“some_function”方法时，我收到TypeErrors说明该函数未定义的消息。

我的问题是：

  1. 我在实例化 HelperClass 时做错了什么？
  2. 我应该做一些更像“react”的事情而不是这些帮助类吗？它们不呈现任何内容，但我需要它们来管理我从 ActiveMQ 处理的消息。

谢谢！

1个回答

目前，new HelperClass()仅在您的构造函数中可用。您只能使用some_function那里。

一般来说，你会这样做：

在特定方法中使用：

// outside the constructor
myMethod() {
  let HClass = new HelperClass();
  HClass.some_function();
}

用于任何方法：

// inside the constructor
this.props.HClass = new HelperClass();

// to call
this.props.HClass.some_function();

或者，简单地使用这个：

// inside the constructor
this.HClass = newHelperClass();

// to call
this.HClass.some_function();
其它你可能感兴趣的问题
上一篇在 axios.delete() 上获取 404（未找到） 下一篇在 React 中刷新页面后如何使用 localStorage 来维护状态