ReactJS, возможно ли ссылаться на объект в другом компоненте без использования document.getElementbyId?

Question

Я создаю приложение, которое показывает графики и для загрузки графика, мне нужно написать следующие строки кода:

const line_chart = new GoogleCharts.api.visualization.LineChart(document.getElementById('chart-div'));
line_chart.draw(data, options);

Этот chart-div находится внутри другого компонента, называемого <ChartComponent/>. Возможно ли получить доступ к chart-div без использования document.getElementById?

Answer 1

Вы можете использовать реактивные ссылки и пропустить ссылку через реквизит.

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.myRef = React.createRef();
  }
  render() {
    return <div ref={this.myRef} />;
  }
}

https://reactjs.org/docs/refs-and-the-dom.html