对 websocket 子组件性能做出反应

Question

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

Answer 1

欢迎来到 SO。

有什么方法可以提高性能吗？可以制作吗 异步？我可以将 onmessage 与组件分开吗？

这是一个广泛的问题。不妨查看guid，了解如何正确撰写问题，以便我们为您提供帮助。

关于你的问题：

查看this article 关于延迟加载的信息。这适用于所有类型的内容或组件。只需要一个临时的简单组件或任何替换它的东西。它本质上是异步的。

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

希望这会有所帮助。