Как интерпретировать принцип замены Лисков (L в SOLID) во фронтенде (на примере React)?

Question

Принцип подстановки Лисков гласит, что любой дочерний класс должен корректно заменять родительский, не нарушая работу программы. В React это означает, что компонент, расширяющий или заменяющий другой, должен полностью сохранять его контракт (пропсы, поведение), чтобы не ломать логику приложения.

YeaHub · Accepted Answer

Принцип подстановки Лисков (Liskov Substitution Principle, LSP) — одна из частей SOLID, формулируется так:Объекты дочерних классов должны быть взаимозаменяемы с объектами базового класса без нарушения корректности программы.Применение в React:Контракт пропсовНовый компонент, заменяющий старый, должен принимать те же обязательные пропсы и интерпретировать их одинаково.ПоведениеЗамена не должна менять ожидаемое поведение для остальной системы.Примерfunction Button({ onClick, label }) { return ; } function IconButton(props) { return