Methode, um den Schlüssel einer Schnittstelle oder eines Typs als Zeichenfolge abzurufen

Question

Ich habe eine Patientenentität als Schnittstelle definiert

export interface Patient {
  Name: Zeichenfolge;
  Begrüßung: string;
}

Ich möchte einen Header erstellen, der jeden Schlüssel in meiner Patientenschnittstelle anzeigt, ohne sie explizit in der Renderfunktion ändern zu müssen, während ich weiterhin Schlüssel zur Schnittstelle hinzufüge oder entferne.

Ich denke über den folgenden Pseudocode nach

<tr>
    Schlüssel von Patient.map((key) => <th>key.toString()</th>)
</tr>

Das Problem ist, dass ich den Pseudocode scheinbar nicht in tatsächlichen Code umwandeln kann. Ich habe versucht, Typen und Schnittstellen zu verwenden, und das schon seit einiger Zeit, aber ich kann das Problem anscheinend nicht verstehen.

Ich versuche, meine Kenntnisse über Typescript zu verbessern und sein Potenzial in React auszuschöpfen. Jede Hilfe ist mir sehr dankbar :)

Answer 1

在运行时接口实际上并不存在。它们只存在于编译和linting过程中。因此，在运行时无法列出接口的键。你能做的最好的方法是为你的接口创建一个虚拟对象：

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

然后获取dummyPatient的键：

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