javascript - 使用 React js 的实时加密表

Question

简介

我正在开发 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 上更新)。例如here implemented

问题

根据我的研究，我没有找到任何有用的信息，但是

Next.js 之类的框架由 Binance 使用，我假设实时表功能可以与其他功能一起实现。

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

任何引用、示例或帮助将不胜感激。感谢您抽出时间。

Answer 1

使用Next.js，您需要首先了解哪些数据将在服务器上预加载和呈现。

您可以使用 REST API 预加载股票代码，然后在服务器上呈现它们。当您的页面显示在浏览器中后，您可以使用 websockets 监听更改并更新表格。

这里是an example如何将 Next.js 与 socket.io 结合使用，这对您来说是一个很好的起点。