与websocket子组件性能反应

Question

我创建了一个React应用程序，它在componentDidMount（）中有ws.onmessage。我正在解析从WebSocket返回的JSON（每2秒），设置状态，它在子组件中呈现良好。唯一的问题是JSON.Parse（）需要花费一些时间，因此滚动和选择子组件的网格（ag-grid）中的行并不像应有的那样平滑。有什么办法可以提高性能？可以使它异步吗？我可以将onmessage与组件分开吗？

Answer 1

欢迎来到。

  

是否有任何方法可以提高性能？可以做吗   异步？我可以将onmessage与组件分开吗？

这是一个广泛的问题。也许请查看guid有关如何正确撰写问题的信息，以便我们为您提供帮助。

关于您的问题：

查看this article有关延迟加载的信息。这可以适用于各种内容或组件。只是拥有一个临时的简单组件或用其他任何组件替换它。它本质上是异步的。

您可以通过将事件设置为asynchronous来分隔事件，以使UI能够继续工作并尽可能地响应。

希望这会有所帮助。