Question

我正在使用来自'react-virtualized'的表。

我收到一些我希望在自定义行中显示的嵌套数据。我的问题是将嵌套的json绑定到我的Column dataKey。

    data= 
  {
    name:'Chris',
    age:'15',
    adresse : {
       number:'14',
       street: 'xxx'
               } 
   }

我的专栏

<Column dataKey="name"    [....] />
<Column dataKey="age" [...] />
<Column dataKey=" ??????" />  // adresse.number ?

由于

Answer 1

只为第3列提供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"
/>

表中的嵌套Json - React-Virtualized

1 个答案: