인터페이스의 키를 가져오거나 문자열로 입력하는 방법

Question

인터페이스로 정의된 환자 엔터티가 있습니다

인터페이스 내보내기 환자 {
  이름: 문자열;
  인사말: 문자열;
}

인터페이스에 키를 계속 추가하거나 제거할 때 렌더링 기능에서 명시적으로 수정할 필요 없이 환자 인터페이스의 각 키를 표시하는 헤더를 만들고 싶습니다.

다음 의사코드에 대해 생각 중입니다

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

문제는 의사코드를 실제 코드로 변환할 수 없다는 것입니다. 유형과 인터페이스를 사용해 보았고 한동안 노력했지만 문제를 이해할 수 없는 것 같습니다.

저는 Typescript에 대한 지식을 향상하고 React에서 그 잠재력을 실현하려고 노력하고 있습니다. 어떤 도움이라도 대단히 감사하겠습니다. :)

Answer 1

인터페이스는 실제로 런타임에 존재하지 않습니다. 컴파일 및 Linting 중에만 존재합니다. 따라서 인터페이스의 키는 런타임에 나열될 수 없습니다. 당신이 할 수 있는 최선의 방법은 인터페이스에 대한 더미 객체를 만드는 것입니다:

으아악

그런 다음 dummyPatient의 키를 얻으세요:

으아악