我应该/我可以在 React 中组织数据吗？ [关闭]

Question

我应该在我的 React 应用程序中组织数据还是在 react 访问数据之前组织数据？

我目前有一个从 API 获取数据的应用，在本例中是一个列表。我想迭代这个列表并计算每个值范围中有多少项目。最终目标是创建直方图。这些数据在保存到 api 之前是否应该已经是正确的格式？

const Histogram = (props) => {
    const data = props.data
    const max = Math.max(...data)
    const min = Math.min(...data)

    for (var i; i<data.length; i++){
        var value = data[i]
        //logic to count how many in each value section
    const chunk1 = numberInChunk1
    const chunk2 = numberInChunk2

    //create histogram

    }
}

Answer 1

问题过于宽泛，但如果您询问的是应用程序架构，那么您应该遵循数据分离和抽象的简单规则。

您的 API 应该尽可能地独立于前端和抽象。有时由于业务需求、性能、遗留代码等原因，很难实现这样的分离。但是如果你正在实施新的应用程序，不如试着想想什么是可以重用的，什么是严格的 UI 责任？如果这是一个繁重的计算，那么它可能是 API 的责任。

但也要问自己一个问题，你是否可以 如果将在服务器端准备，则在另一个应用程序中重用这些数据？

如果利益相关者要求您更改 React 组件并以另一种格式显示此数据，这会导致服务器端的另一次更改吗？ 如果答案是肯定的，那么您的 API 不够抽象，无法处理各种用例。