如何解决我应该/可以在React中组织数据吗?
我应该在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
}
}
解决方法
问题过于广泛,但是如果您要询问应用程序体系结构,则应该遵循简单的数据分离和抽象规则。
您的API应该尽可能独立于前端和抽象。有时,由于业务需求,性能,遗留代码等原因,很难实现这种分离。但是,如果要实现新的应用程序,则尝试考虑可以重用的内容以及严格的UI职责是什么?如果这是繁重的计算,那么可能是API责任。
但也要问自己一个问题,是否可以 如果将在服务器端准备好在另一个应用程序中重用此数据?
如果涉众要求您更改反应组件并以其他格式显示此数据怎么办,这会导致服务器端发生另一次更改吗? 如果答案是肯定的,则说明您的API不够抽象,无法处理各种用例。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。