React：通过继承调用父组件方法（受限于现有项目架构）

我太懂这种老项目的无奈了——架构是资深前辈早年定好的，作为新人没权限动核心结构，只能在现有规则下找可行的办法。结合你的场景，给你几个实用的方案：

1. 直接通过super调用父类公开方法 #

如果你的子组件是通过类继承的方式（class ChildComp extends ParentComp）实现的，且父组件的目标方法是对外暴露的公共原型方法，那最简单直接的方式就是用super关键字调用：

class ChildComp extends ParentComp {
  handleChildAction() {
    // 调用父组件的parentMethod方法
    super.parentMethod();
    // 后续可以添加子组件自身的业务逻辑
    console.log('执行子组件自定义操作');
  }
}

这种方式的前提是父组件的方法没有被私有化（比如没用到ES6私有字段#或者闭包隐藏），属于对外可访问的公共API。

2. 通过this调用继承的实例方法 #

如果父组件的方法是绑定到实例的（比如在构造函数里做了this.parentMethod = this.parentMethod.bind(this)），或是类的实例属性方法，你可以直接在子组件中用this.parentMethod()调用：

class ChildComp extends ParentComp {
  componentDidMount() {
    // 直接调用继承自父组件的实例方法
    this.parentMethod();
  }
}

⚠️ 注意：如果你的子组件重写了同名方法，this.parentMethod()会指向子组件自己的实现，这时候想要调用父类的原始版本，还是得用super.parentMethod()。

3. 间接通过回调props触发（若父组件支持） #

如果父组件的目标方法是内部私有逻辑，但对外暴露了回调类props（比如onChildTrigger），你可以在使用ParentComp的时候传入对应的回调，然后在子组件中触发这个回调来间接调用父组件的逻辑：

// 在使用ParentComp的上层组件中
<ParentComp 
  onChildTrigger={() => {
    // 这里可以直接复用父组件的方法逻辑
    parentInstance.parentMethod();
  }}
/>

// 子组件中触发回调
class ChildComp extends ParentComp {
  triggerParentLogic() {
    this.props.onChildTrigger();
  }
}

这个方案适合父组件方法不对外暴露，但提供了回调入口的场景，需要你能在使用ParentComp的地方传入自定义回调。

最后想说：虽然React官方推荐组合优先，但在现有继承架构下，这些方法都是合法且安全的临时解决方案，等以后有重构机会再逐步迁移到组合模式就好。

内容的提问来源于stack exchange，提问作者ZpfSysn