javascript - React Native - super 表达式必须为空或函数

Question

我想构建一个包含多个方法的父类(super class)，因为我想从不同的类中调用它们。此外，我还有减少代码的好处。

但是，我收到错误消息“Super expression must either be null or a function”

这是我要从 SuperScreen.js 文件中调用函数 super.interface() 的类之一:

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();
  }
}

我的 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