javascript - 将子组件中的功能获取到父组件中？

Question

我有一个很大的组件，其中包含 3 个重要功能——搜索、过滤和显示。我想将每个功能放入自己的组件中。Filter 使用 Search 中的函数，Display 使用 Filter 中的函数。因此，通过 props 将函数传递给每个组件将迫使我将 Display 设为子组件并 Search 父组件：Search --> Filter --> Display。

搜索只是一个有逻辑的容器，让它成为父组件并没有多大意义。如果我可以将结构设置为显示 --> 过滤器 --> 搜索，那将是理想的。虽然这需要我将 Search 函数传递给父组件 Filter，而 Filter 将其函数传递给父组件 Display。

我的问题是，我该怎么做才能以正确的顺序获取这些组件，使 Display 成为父组件，但每个组件仍然从其他组件获得它们需要的功能？

标签： javascriptreactjsredux