javascript - 将事件从深度嵌套的子组件传播到 React 中的顶级组件

Question

以下是我的组件树。

DashboardComponent
  TaskManagementView
    TaskManagementForm
      SubmitButtonComponent

我需要将按钮单击事件传递SubmitButtonComponent给DashboardComponent.

一种方法如下

<DashboardComponenet AddTask={AddSomeTask}>
  ....
  <TaskMangementView submitClicked={props.AddTask}>
    ....
    <TaskManagementForm ButtonClick={props.submitClicked}/>
      .....
      <SubmitButtonComponent onclick={props.ButtonClick}/>
      ....
    <TaskManagementForm />
    ....
  </TaskManagementView >
  ....
</DashboardComponent>

有没有将 onClick 传递给 DashboardComponent 的好方法？这很难维护。

Answer 1

正如 Gaurav 所说，您可以将函数作为道具传递给组件。但是当中间有很多组件时，这可能会变得混乱

或者

我建议使用Context之类的东西，它可以让你跳过中间的组件，只在需要的地方访问函数。