表中的嵌套 Json - React-Virtualized

【问题标题】：Nested Json in Table - React-Virtualized表中的嵌套 Json - React-Virtualized
【发布时间】：2017-05-18 09:45:03
【问题描述】：

我正在使用来自“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 ?

谢谢

【问题讨论】：

标签： javascript reactjs react-virtualized

【解决方案1】：

只需为第三列提供一个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"
/>

【讨论】：

我没有看到 cellDataGetter 道具！非常有用。一如既往地感谢布赖恩！