作为前端开发人员，我们经常使用来自后端 API 或服务的数据传输对象 （DTOs, data transfer objects）。这些 DTO 表示用于在网络中传输的原始数据结构。然而，在 UI 组件中直接使用 DTOs 可能会导致可维护性、可重用性和关注点分离方面的问题。

DTO 反模式

将 DTOs 作为 props 直接传递给 UI 组件会将 UI 组件与后端的数据传输结构紧密耦合。当后端数据模型发生变化时，这可能会使得发展或重构组件接口变得困难，并且它们可能会在开发的早期阶段发生重大变化。直接在组件中使用 DTOs 也会违反最小权限原则，因为它为组件提供的数据超过了它们需要的数据。最后，将传输数据直接使用到组件中会模糊数据访问和 UI 呈现角色之间的界限。