我如何在React BigCalendar中无法访问的组件上使用useRef

Question

我正在使用React Big日历（https://github.com/intljusticemission/react-big-calendar），并且正在研究一些响应式样式，其中涉及分离div的.bc-agenda-view的div-overflow-x（水平滚动条）并将其附加到浏览器窗口。作为参考，.rbc-agenda-view在.rbc-calendar div（即BigCalendar组件）中呈现。

我的问题是：如果无法访问useRef()的组件，该如何在.rbc-agenda-view上使用try。 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} />;
  }
}