Expose funkcje składników w ES6

Question

Chcę realizować następujące funkcje https://facebook.github.io/react/tips/expose-component-functions.html, ale używam ES6 składni

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

Kiedy zadzwonić initialFunc w mojej klasie dominującej

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

pojawia się następujący błąd:

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

Jakieś pomysły, w jaki sposób mogę uruchomić funkcję mojego dziecka Komponent?

Answer 1

Spróbuj uzyskać dostęp do ref przy użyciu "." składnia

To działa jak tak:

this.refs.mapView.initialFunc() 

Widać to tutaj w docs reagują: https://facebook.github.io/react/tips/expose-component-functions.html