импортировать другой (вспомогательный) класс в 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();

---

Если вам действительно нужен класс, вам сначала нужно создать экземпляр, например,

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

const instanceA = new A();

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

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

Но вы не должны использовать классы как мешки с методами.