在 React 中将函数从祖父母传递给孙子

Question

所以我对 React 有点陌生。目前我有一个变得有点复杂的 Web 应用程序。 我正在构建一个迷你仪表板。在这个仪表板中，我有一个 Table 组件，它是使用几个 Rows（也是组件）构建的。每一个 Rows 里面都有几个 MiniRows。为了模拟一行内的表格。

在我的每个 Mini 行中，我都有一个可以删除该行的按钮。为此，我需要调用 Table 组件（祖父级）上的一个函数。 这样做的正确方法是什么？我已经搜索过了，我想避免道具钻孔。 我应该尝试学习使用 Redux 之类的东西吗？还是太复杂了？

我的组件在层次结构中的结构是这样的。

<Table/>
  <Row/>
    <MiniRow/>

提前谢谢各位！

Answer 1

您可能不需要 Redux，当然也不需要。

如果您想避免道具钻取，您可以让 Table 组件设置一个 Context，子组件和孙组件都可以访问。

请记住正确记住传递给 Context 的值以避免不必要的深度重新渲染。