Kaedah untuk mendapatkan kunci antara muka atau taip sebagai rentetan

Question

Saya mempunyai entiti Pesakit yang ditakrifkan sebagai antara muka

eksport antara muka Pesakit {
  nama: rentetan;
  salam: tali;
}

Saya mahu mencipta pengepala yang akan memaparkan setiap kekunci dalam antara muka Pesakit saya tanpa perlu mengubah suainya secara eksplisit dalam fungsi pemaparan semasa saya terus menambah atau mengalih keluar kekunci pada antara muka.

Saya sedang memikirkan tentang pseudokod berikut

<tr>
    kekunci Patient.map((key) => <th>key.toString()</th>)
</tr>

Masalahnya, saya nampaknya tidak dapat menukar pseudokod kepada kod sebenar. Saya telah mencuba menggunakan jenis dan antara muka, dan telah mencuba untuk seketika, tetapi saya tidak dapat memahami masalahnya.

Saya cuba meningkatkan pengetahuan saya tentang Typescript dan menyedari potensinya dalam React, sebarang bantuan amat dihargai :)

Answer 1

Antara muka sebenarnya tidak wujud pada masa jalan. Mereka hanya wujud semasa penyusunan dan linting. Oleh itu, kekunci antara muka tidak boleh disenaraikan pada masa jalan. Perkara terbaik yang boleh anda lakukan ialah mencipta objek tiruan untuk antara muka anda:

const dummyPatient: Patient = {name: "", greeting: ""}

Kemudian dapatkan kunci dummyPatient:

<tr>
    {Object.keys(dummyPatient).map((key) => <th>{key}</th>)}
</tr>