Highchart не может найти элемент DOM, поскольку он является частью нового окна, созданного React-portal.
У меня есть компонент с именем TermChart.tsx
, функция рендеринга которого выглядит следующим образом:
render() {
if(this.props.containerEl){
return ReactDOM.createPortal(this.props.children, this.props.containerEl);
}else{
return (null);
}
}
Родительский компонент index.tsx
вызывает TermChart.tsx
в следующем формате:
<TermChart>
<div id="term-chart"></div>
</TermChart>
Я запускаю старшую диаграмму в componentWillReceiveProps
из TermChart.tsx
после создания нового окна:
if(nextProps.containerEl && nextProps.externalWindow){
Highcharts.chart("term-chart", chartData)
}
Highcharts выбрасывает www.highcharts.com/errors/13
, так как он не может найти элемент DOM term-chart
.
Я хочу показать эту диаграмму в этом новом окне реагирующего портала.Пожалуйста, помогите.