Hozirgi holatda Input Button'dan kengaytirilgan bo'lsa, Button va Input sinflari uchun to'g'ri meros modelini taklif qiling.

Input ning Button dan merosxo‘tligi mantiqiy emas, chunki Input va Button turli elementlar bo‘lib, ularning semantikasi va xulq-atvori farq qiladi.

Umumiy xususiyatlar va metodlarni o‘z ichiga olgan UIControl yoki FormElement kabi umumiy asosiy sinfni aniqlash to‘g‘ri bo‘ladi. Keyin, Button va Input undan meros oladi va alohida sinflar sifatida ishlatiladi.

TypeScript misoli:

class UIControl {
  constructor(public id: string) {}
  render() {
    // umumiy render metod
  }
}

class Button extends UIControl {
  click() {
    // klik logikasi
  }
}

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

Bu yondashuv haqiqiy hierarxiyani aks ettiradi va sinflar o‘rtasidagi noto‘g‘ri bog‘lanishlarni oldini oladi.