Вложенный Json в таблицу - React-Virtualized

Я использую Table из «react-virtualized».

Я получаю вложенные данные, которые хочу отобразить в своей настраиваемой строке. Моя проблема - привязать вложенный json к моему столбцу dataKey.

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

Моя колонка

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

Спасибо


reactjs javascript react-virtualized
person GreGGus    schedule 18.05.2017    source источник

Ответы (1)


arrow_upward
7
arrow_downward

Просто укажите значение cellDataGetter для 3-го столбца.

Если у вас есть только 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"
/>
person bvaughn    schedule 18.05.2017
comment
Я не видел реквизита cellDataGetter! Очень полезно. Спасибо, как всегда, Брайан! - person GreGGus; 19.05.2017