react 子组件如何调用父组件中的方法

Question

文件A

写了一些方法

class Parents extends Component{
    scrollWidth(){
        let dataWidth = this.state.columns;
        let result = 0;
        for(let i=0;i<dataWidth.length;i++){
            result+=dataWidth[i].width
        }
        return result
    }
    
    
    change() {
        console.log(xxxx)
    }
    
    one(){
        console.log(bbbbb)
    }
}

文件B中
想调用文件中的方法要怎么写，文件A中并没有render，只是存了许多方法。

class Son extends Component{
    如何调用方法scrollWidth 、 change、one

    render(){
        return(
            <div 这里有如何使用这个方法？></div>
        )
    }
}

Answer 1

1.看你现在的代码A和B没有任何关联关系，如果B是A的组件的话可以通过props传入
2.如果你只是想把A的方法作为公共的方法，那么可以写一个公共的js，不需要继承component，直接在b里import，然后就可以调用b的方法了，但是这个时候调用的this并不是指向B组件的实例，所以调用的时候用类似
change.call(this)这种