반응 구성 요소에 대한 메서드 호출 방법 (Amcharts-React)

Question

차트에서 메서드를 불러올 수 있습니까? 예 :

chart.zoomOut() 

차트 개체의 핸들을 찾는 데 어려움을 겪고 있습니다. 차트를 렌더링하려면 내가 사용

ch = this.refs[`chart_${this.props.tileid}`] 

을하지만 '채널'객체 :

<AmCharts ref={`chart_${this.props.tileid}`} {...this.chart} dataProvider={this.props.data} /> 

https://github.com/amcharts/amcharts3-react

가 나는 이러한 방법을 통해 액세스 할 수 있는지 확인하기 위해 요소를 검사하기 위해 노력 언급 된 방법 중 하나를 찾을 수없는 것 같습니다. https://docs.amcharts.com/3/javascriptcharts/AmSerialChart#zoomOut

어떻게 하나의 referenc 그것에 대한 방법을 불러 일으키는 요소?

Answer 1

amchart3-react 구성 요소는 차트를 상태로 설정합니다. 따라서이 방법은 다음과 같이 호출하여 호출 할 수 있습니다.

this.refs.chartref.state.chart.zoomOut(); 

Answer 2

amCharts3-react의 관리자에게 문의해야합니다. 랩퍼 구성 요소 라이브러리는 랩퍼의 componentDidMount 메소드가 호출 될 때 호출되는 이벤트 핸들러를 특성으로 승인하도록 구성 요소를 정의하여 이벤트 핸들러가 랩퍼 구성 요소가 컨테이너 인 오브젝트의 인스턴스를 가져올 수있게 할 수 있습니다 .

예 :

// Note, this is just a hypothetical property. It will not actually do anything 
// when applied to your code. 
<AmCharts onChartRendered={chart => this._amChart = chart } {...props} /> 

그러나 래퍼의 저자는 이러한 속성을 허용하도록 구성 요소를 정의하지, 따라서 당신이 amCharts에서 어떤 메소드를 호출 할 수있는 방법이 없다처럼 보인다.