Javascript 基于提供的数组,可以使用哪些方法或模式来呈现UI组件?
我目前正在使用node.js,希望找到一种更简洁的方法,根据通过事件返回给客户端的数组呈现列表 在我的示例应用程序中,节点服务器发出一个“details changed”事件,该事件传递一个简单数组。在UI端,我使用该事件并为每个数组元素呈现一个列表项Javascript 基于提供的数组,可以使用哪些方法或模式来呈现UI组件?,javascript,node.js,design-patterns,socket.io,Javascript,Node.js,Design Patterns,Socket.io,我目前正在使用node.js,希望找到一种更简洁的方法,根据通过事件返回给客户端的数组呈现列表 在我的示例应用程序中,节点服务器发出一个“details changed”事件,该事件传递一个简单数组。在UI端,我使用该事件并为每个数组元素呈现一个列表项 目前,我正在删除所有列表项并基于返回的数组重新创建它们。但是,我想知道是否有一种更有效的方法或模式,可以保留现有项目,只删除创建的新项目和丢失的项目。使用ReactJS根据服务器端的数据更改处理UI更新。这将是高效、整洁地操作DOM更新的最佳方法
目前,我正在删除所有列表项并基于返回的数组重新创建它们。但是,我想知道是否有一种更有效的方法或模式,可以保留现有项目,只删除创建的新项目和丢失的项目。使用ReactJS根据服务器端的数据更改处理UI更新。这将是高效、整洁地操作DOM更新的最佳方法。当然,您可以编写代码来找出更改的内容,并且只更新更改的项。但是,在没有看到您的代码和UI的情况下,我们无法以任何方式提供帮助。您可以只从服务器发送更改的信息,也可以从数据中找出实际更改的内容,并且只修改更改的项目。或者,您可以决定每次重新创建所有项目是最简单也是最快的。这一切都取决于你。