javascript - Mvc 管理上下文和可重用组件

Question

我正在尝试为 Web 应用程序创建带有分层路由器的 MVC 架构。目标是以清晰的模式管理所有业务逻辑和 View 。

让我举个例子:

1. 名为的路由索引
2. 调用了索引 Controller ；它有责任将 View 插入到页面中。

现在的问题是:

1. 如何管理所需的模型和集合或服务实例？它们必须存放在哪里？如果我将它们存储在 Controller 中，如何从外部资源访问它们？

2. 如何管理所有没有专用路由(例如到处可调用的登录覆盖层)的 UI 组件及其业务逻辑和所需的对象实例？

我正在使用带有 Flux 模式的 React。我发现的一种解决方案是创建 Controller 而不将它们直接映射到路线。通过这种方式，我们可以在路由处理程序中和另一个 Controller 中使用 Controller 。在这种情况下，我们如何才能从任何地方访问 Controller ？

我知道这取决于使用案例，但我正在尝试找到最佳实践，以便拥有清晰的管理模式。

提前致谢!

Answer 1

这是一个非常开放式的问题，但我会尽力回答。

1. 在 React 中管理依赖关系的方法是将它们作为 props 传递。通过将它们作为 props 传递或将它们管理的数据作为 props 传递，接收组件将不必知道它们来自哪里。你可以将这种类型的决策尽可能地推向更高层次。这样一来，您最终可以将所有布线集中在一个地方，这很好。如果您使用的是react-router，您可以将一个路由handler组件设置为一个仅获取依赖项的组件，并渲染另一个传递所需依赖项的组件。

2. 最明显的方法是将登录组件所需的依赖项传递给呈现登录组件的组件。它的优点是清晰具体，但缺点是您需要到处传递这些依赖项，并且很容易错过一些依赖项。 React 中有一个名为 context 的东西，它可以让组件树共享上下文，而不必传递它。您可以在这里找到更多信息:https://www.tildedave.com/2014/11/15/introduction-to-contexts-in-react-js.html 。当然，另一种选择是将登录组件与其所需的服务结合起来，只需直接导入即可。好处是它更容易理解，缺点是您将组件与其依赖项耦合起来。