Учурдагы моделдин башкача, Input Button'дан кеңейген учурда, Button жана Input класстары үчүн туура мурас моделин сунуштаңыз.

Button'дон Input мурас берүү логикалык эмес, анткени Input жана Button ар башка элементтер болуп, алардын семантикасы жана жүрүм-туруму айырмаланат.

Жалпы өзгөчөлүктөр жана методдорду камтыган UIControl же FormElement сыяктуу жалпы негизги класс аныктоо туура болот. Андан кийин, Button жана Input ал класстан мурас алып, өзүнчө класс катары колдонулат.

TypeScript мисалы:

class UIControl {
  constructor(public id: string) {}
  render() {
    // жалпы рендер методу
  }
}

class Button extends UIControl {
  click() {
    // басуу логикасы
  }
}

class Input extends UIControl {
  value: string = '';
  setValue(val: string) {
    this.value = val;
  }
}

Бул ыкма чынжырды чагылдырган жана класстар ортосунда туура эмес байланыштарды алдын алат.