我正在使用“react-virtualized”中的表。
我收到一些想要在自定义行中显示的嵌套数据。 我的问题是将嵌套 json 绑定(bind)到我的 Column dataKey。
data=
{
name:'Chris',
age:'15',
adresse : {
number:'14',
street: 'xxx'
}
}
我的专栏
<Column dataKey="name" [....] />
<Column dataKey="age" [...] />
<Column dataKey=" ??????" /> // adresse.number ?
谢谢
最佳答案
只需为第三列提供一个 cellDataGetter
值即可。
如果您只有 1 个字段,则可能是这样的:
<Column
cellDataGetter={({ rowData }) => rowData.address.number}
dataKey="adresse"
/>
如果你想显示多个,它可能更像:
<Column
cellDataGetter={({ dataKey , rowData }) => rowData.address[dataKey]}
dataKey="number"
/>
<Column
cellDataGetter={({ dataKey , rowData }) => rowData.address[dataKey]}
dataKey="street"
/>
关于javascript - 表中嵌套 Json - React-Virtualized,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44044262/