渲染后如何访问React / Gatsby中的另一个组件

时间:2019-10-29 10:19:33

标签: reactjs gatsby

我正在尝试模仿侧边栏,如下所示: https://opensource.facebook.com/

一旦侧边栏的scrollTop达到某个值,它将处于固定位置。为此,我必须获取标头/导航的clientHeight。我的标头组件在我要构建的组件中距离太远,我认为将道具传递给整个父母并不理想。

我尝试过将回调函数从子级传递到父级,以便我可以以某种方式从标头中获取该值。但是我在执行此操作时遇到了太多错误,例如:Maximum update depth exceeded

我也认为这样做太过分了。

侧边栏页面层次结构:

LayoutProvider

  Header

  MainContent(PageContent)
   |
   |--ParentComponent
      |
      |--ChildComponent
         |
         |--GrandChildComponent(Component with my sidebar)

  Footer

我认为使用redux会很好。但是,有没有更好的方法或方法呢?

0 个答案:

没有答案