Javascript 在字段中放置对象时网格化空表

我正在为React尝试网格组件。当我传递一个带有基本字段的对象数组时，一切正常

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

//有效

但当字段中有对象时，它会显示一个空表

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

//不起作用

---

我在字段中有复杂的对象和自定义组件来显示它们，但表是空的。我如何使它工作？

您可以使用解决此限制的Griddle。在您的情况下，代码如下所示：

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;

从“React”导入React；
从“Griddle react”导入Griddle；
const GriddleValueComponent=props=>（{props.data.value}）；
var MyComponent=（道具）=>{
常量列元数据=[
{
“columnName”：“id”，
"命令":一,，
“displayName”：“值”，
“customComponent”：GriddleValueComponent
}
];
返回(
);
}
导出默认MyComponent；

其结果如下：

---

我也有类似的问题。