React Native - 超级表达式必须为空或函数

Question

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

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

这是我的 classes 之一，我想从 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 class。

import SuperScreen from "./SuperScreen";

或者改正导出

export class SuperScreen extends Component

React Native - 超级表达式必须为空或函数

React Native - Super expression must either be null or a function

javascript

super

superclass

reactjs

react-native