Реагируйте с производительностью дочернего компонента websocket

Question

Я создал приложение React с ws.onmessage в componentDidMount (). Я анализирую JSON, возвращающийся из WebSocket (каждые 2 секунды), устанавливаю состояние, и оно хорошо отрисовывается в дочернем компоненте. Единственная проблема заключается в том, что JSON.Parse () занимает некоторое время, поэтому прокрутка и выбор строк в сетке дочернего компонента (ag-grid) не так плавны, как должно быть. Есть ли способ улучшить эту производительность? Можно ли сделать асинхронным? Можно ли отделить сообщение от компонента?

Answer 1

Добро пожаловать в SO.

Есть ли способ улучшить эту производительность?Можно ли сделать асинхронным?Могу ли я отделить сообщение от компонента?

Это широкий вопрос.Возможно, посмотрите guid о том, как правильно составить вопросы, чтобы мы могли вам помочь.

Что касается вашей проблемы:

Ознакомьтесь с этой статьей о ленивой загрузке.Это может работать для всех видов контента или компонентов.Просто имейте временный простой компонент или что-нибудь замените его.Он асинхронный по своей природе.

Вы можете разделить свои события, сделав их асинхронными , чтобы пользовательский интерфейс мог продолжать работать и быть максимально отзывчивым.

Надеюсь, что этопомогает.