react：在一個組件中調用別的組件中的方法

先介紹一下要解決的問題：react中一個組件A和一個組件B，其中B是被connect（connect是redux中的方法）包裝過的組件，包裝成BContainer，A和BContainer的關係是兄弟關係，在同一個父元素下渲染。現在我們要在點擊A的時候調用B中的方法

解決思路：主要是用到ref獲取BContainer組件掛載之後的實例

render(){
    var b = null
    return(<BContainer ref={(node) => b = node}/>)
}

ref中的回調函數會在組件被掛載之後執行，參數是組件的實例，所以這個時候變數b就是被掛載的組件B的實例。

這個實例對象是connect包裝過後的方法，我們可以用

b.getWrappedInstance()

來獲取到被包裝的組件，但是註意記得在connect函數那裡要加上參數{ withRef:true }才行

export default connect(
    mapStateToProps,
    mapDispatchToProps,
    null,
    { withRef: true }
)(B)

這樣就可以獲得B的實例了，就可以調用B中的方法了

還有要註意的，在B中定義方法時要這樣定義

fun = ()=>{
}

這樣相當於this.fun = ()=>{}，如果你像成員函數（比如constructor）那樣定義:fun(){}它是會綁定在對象的原型（_proto_）上，因為constructor也是在原型上的