Méthode pour obtenir la clé d'une interface ou un type sous forme de chaîne

Question

J'ai une entité Patient définie comme une interface

interface d'exportation Patient {
  nom : chaîne ;
  salutation : chaîne ;
}</pré>
<p>Je souhaite créer un en-tête qui affichera chaque clé de mon interface Patient sans avoir à les modifier explicitement dans la fonction de rendu pendant que je continue d'ajouter ou de supprimer des clés dans l'interface. </p>
<p>Je pense au pseudocode suivant</p>
<pre class="brush:php;toolbar:false;"><tr>
    clés de Patient.map((key) => <th>key.toString()</th>)
</tr>

Le problème est que je n'arrive pas à convertir le pseudocode en code réel. J'ai essayé d'utiliser des types et des interfaces, et cela depuis un moment, mais je n'arrive pas à comprendre le problème.

J'essaie d'améliorer mes connaissances sur Typescript et de réaliser son potentiel dans React, toute aide est grandement appréciée :)

Answer 1

L'interface n'existe pas réellement au moment de l'exécution. Ils n'existent que lors de la compilation et du peluchage. Par conséquent, les clés de l’interface ne peuvent pas être répertoriées au moment de l’exécution. Le mieux que vous puissiez faire est de créer un objet factice pour votre interface :

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

Alors récupérez la clé de dummyPatient :

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