Повторный рендеринг функциональных компонентов с сохранением состояния - PullRequest
1 голос
/ 28 июня 2019

Я пытаюсь выяснить причину, почему я получаю так много повторных визуализаций на моем App компоненте.

Я использую аккуратную маленькую библиотеку use-trace-update, и она дает мне знать, что мои реквизиты меняются только два раза, но я повторяю 28 раз ...

Вещи, которые я пробовал

Удостоверьтесь, что используется отправление к реквизиту реквизита , как упомянуто здесь , это означает, что моя отправка не должна вызывать повторное рендеринг. И так как мои реквизиты меняются только два раза, я просто не понимаю!

Я также обернул компонент App в React.memo, это компонент, использующий хуки. Но безрезультатно.

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(App);

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

note Я определяю рендеринг с помощью простого console.count("Rerender") в моем коде. Может быть, есть лучший способ? Думаю, это не говорит мне о разнице между восстановлением и повторным рендерингом.

P.S. причина, по которой я забочусь о том, что есть тонна отправок. Я также хотел бы понять! : Улыбка:

...