Methode, um den Schlüssel einer Schnittstelle oder eines Typs als Zeichenfolge abzurufen
P粉884667022
2023-08-31 19:50:44
<p>Ich habe eine Patientenentität als Schnittstelle definiert</p>
<pre class="brush:php;toolbar:false;">export interface Patient {
Name: Zeichenfolge;
Begrüßung: string;
}</pre>
<p>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. </p>
<p>Ich denke über den folgenden Pseudocode nach</p>
<pre class="brush:php;toolbar:false;"><tr>
Schlüssel von Patient.map((key) => <th>key.toString()</th>)
</tr></pre>
<p>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. </p>
<p>Ich versuche, meine Kenntnisse über Typescript zu verbessern und sein Potenzial in React auszuschöpfen. Jede Hilfe ist mir sehr dankbar :)</p>
在运行时接口实际上并不存在。它们只存在于编译和linting过程中。因此，在运行时无法列出接口的键。你能做的最好的方法是为你的接口创建一个虚拟对象：
const dummyPatient: Patient = {name: "", greeting: ""}然后获取
dummyPatient的键：<tr> {Object.keys(dummyPatient).map((key) => <th>{key}</th>)} </tr>