鍍金池/ 問(wèn)答/Python  HTML/ react 子組件如何調(diào)用父組件中的方法

react 子組件如何調(diào)用父組件中的方法

文件A

寫(xiě)了一些方法

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中
想調(diào)用文件中的方法要怎么寫(xiě),文件A中并沒(méi)有render,只是存了許多方法。

class Son extends Component{
    如何調(diào)用方法scrollWidth 、 change、one

    render(){
        return(
            <div 這里有如何使用這個(gè)方法?></div>
        )
    }
}
回答
編輯回答
乖乖瀦

1.看你現(xiàn)在的代碼A和B沒(méi)有任何關(guān)聯(lián)關(guān)系,如果B是A的組件的話可以通過(guò)props傳入
2.如果你只是想把A的方法作為公共的方法,那么可以寫(xiě)一個(gè)公共的js,不需要繼承component,直接在b里import,然后就可以調(diào)用b的方法了,但是這個(gè)時(shí)候調(diào)用的this并不是指向B組件的實(shí)例,所以調(diào)用的時(shí)候用類似
change.call(this)這種

2018年9月17日 22:43