Javascript 带React-js的实时加密表

介绍

我正在处理react项目，每当

WebSocket

数据可用时，表都会呈现出来

时间1的数据：

[{Name:"Coinbase",Price:5510, Pair:"BTC/USD"},{Name:"Coinmama",Price:5508, Pair:"BTC/USD"}]

时间2的数据：

[{Name:"Coinbase",Price:5511, Pair:"BTC/USD"},{Name:"Coinmama",Price:5508, Pair:"BTC/USD"}]

这种方法的问题是总是呈现满表

我一直在寻找帮助来构建这样的表，它可以只更新更改的数据（比如第1行应该在time2上更新）。比如说

问题

从我的研究中，我没有发现任何有用的信息，但是

Next.js

like框架由

Binance

使用，我假设实时表功能可以与其他功能一起实现

像Next.js这样的框架会是答案吗

---

如有任何参考、示例或帮助，将不胜感激。感谢您的时间。

使用

Next.js

您需要首先了解哪些数据将预加载并呈现在服务器上

您可以使用RESTAPI预加载ticker，然后在服务器上呈现它们。在浏览器中显示页面后，可以使用WebSocket侦听更改并更新表

---

下面是如何将

Next.js

与

socket.io

一起使用，这对您来说是一个很好的起点。

如果投票人愿意解释投票失败的原因，我会有所帮助，这样我就可以相应地进行更新。谢谢