У меня есть тип, который я определил в своем собственном файле .ts
export class FakeType {
value:{
name: string,
id: number
},
x: number
}
, и у меня есть экземпляр этого объекта в файле .tsx
let myObj: FakeType;
myObj = {
value:{
name: "Foo",
id: 99
},
x: 5
}
Как я могу программно создать html элементов, соответствующих каждому полю?
Я могу вручную создать желаемый результат следующим образом, но это не будет работать, если FakeType
имеет сотни полей
return (
<div>Value: {myObj.value}</div>
<div>x: {myObj.x}</div>);
Обратите внимание, что мне нужен доступ как к имени поля, так и к его значению, когда я отображаю его на веб-странице.