暴露組件功能ES6

Question

我要實現以下功能https://facebook.github.io/react/tips/expose-component-functions.html，但我用ES6語法

@controllable(['center', 'zoom', 'hoverKey', 'clickKey', 'selectedCountry']) 
export default class ContactMapView extends Component { 
    constructor(props) { 
     super(props); 
     this.initialFunc = this.initialFunc.bind(this); 
    } 
    initialFunc() { … } 

當我打電話initialFunc在我父類

componentDidMount() { 
    MapStore.addChangeListener(this._onChange.bind(this)); 
    this.refs['mapView'].initialFunc(); 
}; 

我得到以下錯誤：

TypeError: this.refs.mapView.initialFunc is not a function 

任何想法我怎麼能運行我的孩子組件的功能？

Answer 1

嘗試使用「。」來訪問您的ref。語法

這工作像這樣：

this.refs.mapView.initialFunc() 

這是這裏顯示的陣營文檔：https://facebook.github.io/react/tips/expose-component-functions.html