Почему не срабатывает Shallow сравнение в функции connect?

Question

[Андрей]

Подключаю компонент к стору так:

const mapStateToProps = (store, ownProps) => ({
    userIsFollowable: store.users[ownProps.userId].isFollowable,
    groupIsFollowable: store.groups[ownProps.groupId].isFollowable
});

export default connect(mapStateToProps)(FollowLinks);

В документации redux-connect написано что если свойства не меняются, то ререндера не будет, в функции connect есть проверка, которая производит неглубокое сравнение объектов. И соответственно React PureComponent использовать вместе сconnect нет смысла. Однако у меня в проекте с React Native это не работает. Вот:



Здесь видно что в компоненте, отображающем сущность с id 43223470435 поля userIsFollowable (false) и groupIsFollowable (true) не меняются, так же не меняется userId и groupId. Однако с каждым запросом на сервер, когда стор пополняется вновь загруженными данными (другими сущностями), компонент перерисовывается.
Пробовал кэшировать в reselect - не работает.

Однако если переделать компонент с функции на React PureComponent, то все работает правильно, перерисовки не происходит при добавлении элементов в стор.

В чем может быть дело? Есть какие-то идеи?

П.С. Прошу обратить внимание на то, что PureComponent предотвращает ререндер, то есть вариант, что я подписал компонент на "лишние" поля, которые меняются незаметно для меня, исключен.

Comments

[Антон Спирин]

Перерисовок быть не должно. Возможно, что-то делаете не так. Точнее без кода и не скажешь.

[Андрей]

Антон Спирин, после долгих экспериментов пришел к следующим выводам:
- connect отрабатывает правильно (я залез в исходники и отдебажил),
- оптимизация connect не работает только в компонентах с системой виртуализации React-Native таких как FlatList

Почему? Не знаю. Думаю, причина где-то внутри этого компонента https://facebook.github.io/react-native/docs/virtu... И это не баг.

Что делать? Это тот самый случай когда оказывается нужным параметр функции connect pure. То есть так как все равно эта оптимизация работать не будет, но будет отрабатывать, ее следует отключить и использовать внутри виртуального списка только PureComponent, которые оборачивать примерно так:

export default connect(mapStateToProps, null, null, { pure: false })(PureComponent);

[davidnum95]

Андрей, может параметр extraData передан? https://facebook.github.io/react-native/docs/virtu...