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

Question

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

我的问题是：如果我无权访问它的组件，我该useRef()如何使用它。.rbc-agenda-viewBigCalendars 组件结构不允许您深入到内部组件。

对此的任何帮助将不胜感激。

提前致谢。

Answer 1

我认为您需要在父组件（useRef 或 React.createRef）中创建 ref 并将其传递给您感兴趣的组件。

就像是：

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