Пример, который я вам показал, был плохим, я написал его только для демонстрации того, что я иногда делаю.
Вот более наглядный пример:
shouldComponentUpdate (nextProps) { const itemUpdated = nextProps.modifiedTime !== this.props.modifiedTime return itemUpdated }
shouldComponentUpdate
и itemUpdated
описывают две вещи, и мы устанавливаем связь между ними.
Когда я читаю такие функции, я сначала смотрю на return
. Когда я вижу itemUpdated
я сразу понимаю когда этот компонент должен обновиться. Я могу сохранить свой мозговой цикл, не читая определение. Я не могу этого сделать, если я встраиваю возвращаемое значение.
Примечание. Если бы это было написано так, я также согласен, что это анти-шаблон, так как имя shouldUpdate
не дает никакой значимой информации:
shouldComponentUpdate (nextProps) { const shouldUpdate = nextProps.modifiedTime !== this.props.modifiedTime return shouldUpdate }