React Native - Super выражение должно быть либо нулевым, либо функцией

Question

Я хочу создать суперкласс, который содержит несколько методов, потому что я хочу вызывать их из разных классов.Кроме того, у меня есть преимущество сокращения кода.

Однако я получаю сообщение об ошибке «Супер-выражение должно быть либо нулевым, либо функцией»

Это один из моих классов, где я хочувызовите функцию super.interface() из файла SuperScreen.js:

import React from "react";
import { SuperScreen } from "./SuperScreen";

export default class HomeScreen extends SuperScreen {
  constructor(props) {
    super(props);
    this.state = {
      isLoading: true,
      data: null,
      key: 15
    };
  }

render() {
    return super.interface();
  }
}

My SuperScreen.js

import React, { Component } from "react";

export default class SuperScreen extends Component {
  constructor() {}

  interface() {...}
}

Однако я все равно получаю сообщение Super expression must either be null or a function.Почему и как я могу это исправить?

С уважением и благодарностью

Answer 1

Ваш импорт немного испорчен.Удалите фигурные скобки из SuperScreen импорта, поскольку вы экспортировали класс SuperScreen по умолчанию.

import SuperScreen from "./SuperScreen";

Или вместо этого исправьте экспорт

export class SuperScreen extends Component