Reactjs 如何在react js中扩展多个类

如何在reactjs中扩展多类子组件

//this is one component 
import  React from 'react';
import ReactDOM from 'react-dom';
import axios from 'axios';
class Apicomponent extends React.Component{
    constructor(){
        super();
        this.sate={};
        this.ibios=this.ibios.bind(this);
    }
    ibios(e){
        var prametars={
               "firstName":"venkaiah"
          }     
        return prametars;
    }
    render(){
        return(
            <p>hi...</p>
            );
    }
}

export default Apicomponent;
//another component
import  React from 'react';
import ReactDOM from 'react-dom';
import Apicomponent from './IBIOS';

class IbiosGetComponent extends Apicomponent{
    constructor(){
        super();
        this.sate={};
        this.apiCallFunction=this.apiCallFunction.bind(this);
    }
    apiCallFunction(){
        var apCallfunction=this.ibios();
    }
    render(){
        return(
            <p>hi...</p>
            );
    }
}

export default IbiosGetComponent;  

//这是一个组件
从“React”导入React；
从“react dom”导入react dom；
从“axios”导入axios；
类ApicComponent扩展了React.Component{
构造函数（）{
超级（）；
this.sate={}；
this.ibios=this.ibios.bind（this）；
}
伊比奥斯（e）{
普拉梅塔斯变种={
“名字”：“文凯亚”
}     
返回prametars；
}
render（）{
返回(
嗨

);
}
}
导出默认Apicomponent；
//另一部分
从“React”导入React；
从“react dom”导入react dom；
从“/IBIOS”导入Apicomponent；
类IbiosGetComponent扩展了ApicComponent{
构造函数（）{
超级（）；
this.sate={}；
this.apiCallFunction=this.apiCallFunction.bind（this）；
}
apiCallFunction（）{
var apCallfunction=this.ibios（）；
}
render（）{
返回(
嗨

);
}
}
导出默认IbiosGetComponent；

//如何扩展多个类

import React from 'react';
import ChartComponent from './ChartComponents';
import IbiosGetComponent from '../IBIOS/ApiCalls';

class BarChartComponent extends ChartComponent,IbiosGetComponent{
    constructor(props){
        super(props)
        this.state={}
    }
 componentDidMount(){
    var parmsfromibios=this.IbiosGetComponent.apiCallFunction();
        console.log(parmsfromibios)
}
render(){
     return(<p>hi....</p>)
}
export default BarChartComponent;

从“React”导入React；
从“/ChartComponents”导入ChartComponent；
从“../IBIOS/ApiCalls”导入IbiosGetComponent；
类BarChartComponent扩展了ChartComponent、IbiosGetComponent{
建造师（道具）{
超级（道具）
this.state={}
}
componentDidMount（）{
var parmsfromibios=this.IbiosGetComponent.apiCallFunction（）；
console.log（parmsfromibios）
}
render（）{
返回（hi…
）
}
导出默认条形图组件；

您应该使用关键字“super”来访问继承的类

apiCallFunction(){
        var apCallfunction = super.ibios();
    }

---

您应该使用关键字“super”来访问继承的类

apiCallFunction(){
        var apCallfunction = super.ibios();
    }