使用React js的实时加密表

时间:2019-05-01 07:46:09

标签: javascript reactjs datatable datatables next.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上更新)。例如here implemented

问题

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

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

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

任何参考,示例或帮助将不胜感激。感谢您的宝贵时间。

1 个答案:

答案 0 :(得分:1)

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

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

这里是an exampleNext.js一起使用socket.io的方法,这对您来说可能是一个很好的起点。