Griddle пустой стол, когда объекты в полях

Question

Я пытаюсь использовать Griddle элемент сетки для реактивов. Когда я передать массив объектов с примитивными полями все работает отлично

<Griddle results={[{id: 42}]}/> // works 

но когда есть объекты в полях, он показывает пустую таблицу

<Griddle results={[{id: {value: 42}}]}/> // doesn't work 

У меня есть сложные объекты в полях и пользовательские компоненты в отобразите их, но таблица просто пуста. Как мне заставить работать?

Answer 1

Вы можете обойти это ограничение Griddle с помощью customComponent. В вашем случае код будет выглядеть следующим образом:

import React from 'react'; 
import Griddle from 'griddle-react'; 

const GriddleValueComponent = props => (<div>{props.data.value}</div>); 

var MyComponent = (props) => { 

    const columnMetadata = [ 
     { 
      "columnName": "id", 
      "order": 1, 
      "displayName": "The Value", 
      "customComponent": GriddleValueComponent 
     } 
    ]; 

    return (
     <div className="cssmFsaDataList"> 
      <Griddle results={[{id: {value: 42}}]} columnMetadata={columnMetadata} columns={["id"]} /> 
     </div> 
    ); 
} 

export default MyComponent; 

, который делает, как это: