Expose функции компонентов в 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

Попытайтесь получить доступ к вашей ссылке, используя "." Синтаксис

Это работает так:

this.refs.mapView.initialFunc() 

Это здесь показано в React документы: https://facebook.github.io/react/tips/expose-component-functions.html