对 websocket 子组件性能做出反应



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

欢迎来到 SO。

有什么方法可以提高这种性能吗?能不能做 异步?我可以将消息与组件分开吗?

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

至于你的问题:

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

可以通过使事件异步来分隔事件,以便 UI 可以继续工作并尽可能响应。

希望这有帮助。

最新更新