什么放在React高阶组件逻辑

时间:2018-06-09 20:04:03

标签: reactjs higher-order-components

注意:此问题中没有代码,因为我正在寻找更理论的答案。

我是HOC的新手。我理解如何对其进行编码,但我不完全确定在什么时候或何时调用它的逻辑。

现在我正在为我的项目开发一些搜索功能,并意识到我可以在快速搜索结果下拉菜单和结果页面之间共享逻辑,因为他们正在执行相同类型的搜索。

我的功能是:

  • 检查存储库 - 这会检查发送的数据是否合适 搜索
  • 准备存储库 - 这会构建数据的一部分字符串,以便于搜索
  • 处理搜索 - 这是进行实际搜索的地方
  • 构建结果 - 这是结果的位置,以便它们在结果组件中“可显示”

问题是,这些应该只是我的HOC中可以从我的包装组件中调用的泛型函数,还是如果函数应该在传递之前在HOC中运行?

例如,必须先进行检查存储库准备存储库,然后才能进行搜索。因此,我认为这些可以在HOC中完成,并且它们的结果将作为道具发送到包装组件。

然而,当用户与组件交互时,句柄搜索就完成了,这可能是包装组件可以调用的函数吗?

构建结果我完全不确定,因为它包含一些显示功能,虽然是通用的,也许它应该完全保留在包装组件中?

0 个答案:

没有答案