Лучший способ установить состояние с помощью Redux и React Hooks - PullRequest
Новая
       10

Лучший способ установить состояние с помощью Redux и React Hooks

2 голосов
/ 09 апреля 2020

В настоящее время я реализовал React Hooks с Redux. Теперь единственная проблема заключается в том, что при изменении состояния Redux производительность моего приложения снижается, например: 

import { cardItemIsDragging, storeWidgetDrag } from '../../redux/actions';

затем: 

/** pass currentUser and currentChannel from redux to global props */
const mapStateToProps = state => ({
  storeWidget: state.storewidgetinfo.storeWidgetInfo,
  storeDrag: state.storewidgetdrag.storeWidgetDrag,
  storeDelete: state.storewidgetdelete.storeWidgetDelete,
});

, а также имеет: 

/** @component */
export default connect(mapStateToProps, {
  cardItemIsDragging,
  storeWidgetDrag,
})(Layout);

Теперь внутри этого компонента есть функция, которая будет обновлять состояние Redux: 

  /** Calls when drag starts. */
  const onDragStart = () => {
    const { cardItemIsDragging } = props;
    cardItemIsDragging(true);
  };

Я обновляю это состояние, потому что я также использую его в другом компоненте. Приведенный выше код приводит к падению производительности компонента / приложения, поэтому мой вопрос заключается в том, как лучше всего настроить Redux без потери производительности / ненужного повторного рендеринга компонента, но продолжайте изменять состояние, пока оно необходимо в другом компоненте. .

...