表中的嵌套Json - React-Virtualized

Gre*_*Gus 0 javascript reactjs react-virtualized

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

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

    data= 
  {
    name:'Chris',
    age:'15',
    adresse : {
       number:'14',
       street: 'xxx'
               } 
   }
Run Code Online (Sandbox Code Playgroud)

我的专栏

<Column dataKey="name"    [....] />
<Column dataKey="age" [...] />
<Column dataKey=" ??????" />  // adresse.number ? 
Run Code Online (Sandbox Code Playgroud)

谢谢

bva*_*ghn 5

只需cellDataGetter为第3列提供值.

如果你只有1个字段,它可能是这样的:

<Column
  cellDataGetter={({ rowData }) => rowData.address.number}
  dataKey="adresse"
/>
Run Code Online (Sandbox Code Playgroud)

如果你想显示多个,可能更像是:

<Column
  cellDataGetter={({ dataKey , rowData }) => rowData.address[dataKey]}
  dataKey="number"
/>
<Column
  cellDataGetter={({ dataKey , rowData }) => rowData.address[dataKey]}
  dataKey="street"
/>
Run Code Online (Sandbox Code Playgroud)