在Reacjs中导入另一个（帮助器）类

Question

我想写一个像这样的助手类：

export default class A {
  constructor() {
    console.log(1);
  }
  test() {
    console.log(2);
  }
}

我可以在我的组件中使用它：

import React, { Component } from "react";
import A from "./service/socket";

class Test extends Component {
  state = {
    counter: 0
  };

  componentDidMount = () => {
    A.test();
  };
}

我怎样才能做到这一点？

Answer 1

test是上的一个方法实例的A。如果您只想创建一个辅助函数集合，而实际上不需要一个类，则直接从模块中导出函数：

// ./service/socket
export function test() {
  console.log(2);
}

// somefile.js
import {test} from './service/socket';
test();

如果您确实需要一个类，则必须首先创建一个实例，例如

// ./service/socket
export function test() {
  console.log(2);
}

// somefile.js
import {test} from './service/socket';
test();

但是您不应该将类用作方法包。