Реакция - превышена максимальная длина обновления

Question

Кто-нибудь знает, почему

onClick={this.props.onPageChange("home")}

вызывает эту ошибку (превышена максимальная длина обновления), но превращает ее в функцию стрелки:

onClick={() => this.props.onPageChange("home")} 

исправляет ее?

Answer 1

Поскольку onClick ожидает функцию, когда вы делаете это

onClick={this.props.onPageChange("home")}

, вы передаете значение, возвращаемое при вызове onPageChange. Но при этом

onClick={() => this.props.onPageChange("home")}

фактически передает функцию в onClick, и она отлично работает.