Реакт-портал с хайчартом в новом окне - PullRequest
0 голосов
/ 30 января 2019

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.

Я хочу показать эту диаграмму в этом новом окне реагирующего портала.Пожалуйста, помогите.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...