Как происходит render в React при обновлении props context, и state?

Question

[KnightForce]

При обновлении свойств или state все функции и классы вызываются заново или в классах работает по принципу "если есть класс, то вызвать render иначе создать класс", что логично, но когда компонент вызывается в другом render. Я думаю также.

Но как же connect в redux? Там же connect вызывается каждый раз при изменениях store. И, насколько мне известно, через Children класс происходит пробрасывание свойств, выходит класс полностью пересоздается или все-таки нет.

Помогите разобраться с этим вопросом.

Comments

[Aves]

Не вызывается connect каждый раз, connect это HOC factory и вызывается только один раз при экспорте/создании компонента. При изменении store вызывается метод render полученного HOC, который создает элемент из обёрнутого компонента с нужными свойствами. Принцип примерно такой:

function connect(C) {
  return class ConnectedComponent extends React.Component {
    componentWillMount() {
      this.unsubscribe = this.context.store.subscribe(state => this.setState(state));
    }
    componentWillUnmount() {
      this.unsubscribe();
    }
    render() {
      return <C {...this.props} {...this.state}} />;
    }
  };
}