reactjs - ReactJS - 应该如何分离组件的功能以保持“关注点分离”？

Question

上个月我一直在使用 ReactJS 进行编码。我已经阅读了很多关于 MVC、MVVM、MVW 等前端架构设计模式的知识，至少可以说，我对 React 的了解让我感到困惑。

到目前为止，我的理解是根据 UI 特性来分离组件。因此，给定一个 UI 功能，该组件将负责 1) 从后端获取数据，2) 之前对该数据执行任何业务逻辑，以及 3) 表示逻辑。对我来说，这听起来像是一个组件做得太多，应该拆分。

例如，如果我有一个显示数据库中所有用户的组件，该组件将进行 AJAX 调用以获取此信息，对数据执行任何业务逻辑，然后根据需要在漂亮的列表中呈现它（使用 JSX和 CSS）。

我在文档上找不到关于关注点分离的任何内容，所以我的问题是，我应该如何划分所有这些逻辑？有公认的做法吗？

标签： reactjsseparation-of-concerns