Как использовать useRef для компонента, к которому у меня нет доступа в React BigCalendar

Question

Я использую календарь React Big (https://github.com/intljusticemission/react-big-calendar)) и работаю над некоторым адаптивным стилем, который включает в себя отключение overflow-x (горизонтальная полоса прокрутки) div, а именно .rbc -nda-view и присоединение его в окно браузера. Для справки .rbc-agenda-view выполняет рендеринг внутри элемента .rbc-calendar, то есть компонента BigCalendar.

Мой вопрос: как я могу использовать useRef() на .rbc-agenda-view, если у меня нет доступа к его компоненту. Структура компонентов BigCalendars не позволяет детализировать внутренние компоненты.

Любая помощь с этим будет оценена.

Заранее спасибо.

Answer 1

Я думаю, вам нужно создать ссылку в родительском компоненте (useRef или React.createRef) и передать его интересующему вас компоненту.

Что-то вроде:

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