简介
我正在从事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这样的框架会是答案吗?
任何参考,示例或帮助将不胜感激。感谢您的宝贵时间。
答案 0 :(得分:1)
使用Next.js
首先需要了解哪些数据将被预加载并呈现在服务器上。
您可以使用REST API预先加载代码,然后在服务器上呈现它们。在浏览器中显示页面后,您可以使用websocket监听更改并更新表格。
这里是an example和Next.js
一起使用socket.io
的方法,这对您来说可能是一个很好的起点。