Сколько раз вызывается connetc()?

Question

[KnightForce]

Смотрел видео, в котором автор фильтрует данные для state в connect:

connect((state)=>({
    state.arrayValues.filter(val => val.includes(a));//массив со строками
  }),
  (dipatch)=>({})
);

И по клику на кнопку отрисовываются нужные результаты.

Выходит connect вызывается не в самом начале, а при перерисовке?

Источник:
Источник
С 7 минуты.

Answer 1

[Максим]

В обоих случаях. В начале, так как компонент наверняка где-то подключается, а раз он подключается (например через import MyComp), то весь код выполнится. Так же в случае изменения "примапленных" данных.

Самый простой способ проверить это - добавить console.log и посмотреть.

connect( (state)=> {
    console.log('вызван connect')
    return state.arrayValues.filter(val => val.includes(a));//массив со строками
  },
  (dipatch)=>({})
);

Comments

[KnightForce]

А где можно почитать про вот такие "тонкости"? В документации про это не замечал.

[Максим]

KnightForce: Это что-то типа общего понимания js, то есть мне для такого теста понадобились следующие знания: 1) что есть такая функция как console.log - это основы JS, => learn.javascript.ru / mdn.com; 2) что функция connect принимает 2 аргумента, и это должны быть функции (обычно называются mapStateToProps и mapDispatchToProps, примерно по-русски: "свяжи стейт с пропсами", "свяжи dispatch и функции-экшены с пропсами") - это документация redux; 3) что я должен использовать слово return, так как в вашем примере идет запись через ( { } ), а в моем ответе { }, это из чтения особенностей ES2015 на том же learn.javascript.ru.

[KnightForce]

Максим: я о react-redux подробнее. В документации не видел где пишут о том когда вызывается connect, помимо первого вызова.)

[Максим]

KnightForce: упс =)) я думаю (не претендую на истину) так как в силу того, что реакт перерендеривает компонент каждый раз, когда изменяются props, а у вас вместо простого "export компонент" написано "export connect(функции)(компонент)" - поэтому и получается что connect вызывается всегда вместе с подключением компонента.

[KnightForce]

Прочел что вызывается заново не сам connect, а внутренние функции, например, mapStateToProps.

Answer 2

[Islam Ibakaev]

разве не должно быть так

connect( (state) => ({ filtered: state.arrayValues.filter(val => val.includes(a)) }) )(MyComponent);