for example I have this data from backends:
[{"id":{"displayName":"ItemID","value":"1"},"name":{"displayName":"ItemName","value":"Apple"},"price":{"displayName":"Price","value":1}]
and then in react, I need to configure header with "displayName" from data above
<DataTable value={this.state.item}>
<Column field="id.value" header="id.displayName" />
<Column field="name.value" header="name.displayName" />
<Column field="price.value" header="price.displayName" />
</DataTable>
but the result, header displays "xxxxx.displayName" instead the real display name from the data. I've tried using {id.displayName}, but error occured "id is not defined"
how can I achieve this? Thanks
