React почему ререндерится компонент?

Question

[Aleksey100]

Здравствуйте.

Подскажите пожалуйста почему этот компонент рендерится каждый раз при изменении state.users?
state.users обновляется раз в 5 секунд и при каждом его изменении выполняется функция showMessage.
Почему это происходит если в компоненте не используются данные из стэйта?
Если закомментировать users: state.users, то ререндера больше не происходит.

PS: Данные в стэйте изменяются не всегда, а только если юзеры действительно поменялись, я в редьюсере это проверяю. Но компонент все равно рендерится

function Message(props) {
  const showMessage = (text) => {
    console.log(text)
    return <span>{text}</span>
  }
  return (
    <div>
      {showMessage(props.message.Text)}
    </div>
  )
}

function mapStateToProps(state) {
  return {
    users: state.users
  }
}

Answer 1

[Алексей Уколов]

Потому что меняется сам объект state и исходя из этого props компонента - mapStateToProps же каждый раз новый объект возвращает.

Comments

[Aleksey100]

Тоесть при любом изменении внутри state, будут ререндерится все компоненты в которых есть функция mapStateToProps? Даже если изменение в стэйте никак не связанно с этим компонентом?

[Алексей Уколов]

Да, Реакт и Редакс ведь не знают, что у вас и где используется. Это знаете только вы и вы должны добавлять мемоизацию и/или использовать shouldComponentUpdate.

[Aleksey100]

Разобрался, спасибо