我正在尝试Griddle React 的网格组件。当我传递具有原始字段的对象数组时,一切正常
<Griddle results={[{id: 42}]}/> // works
但是当字段中有对象时,它显示一个空表
<Griddle results={[{id: {value: 42}}]}/> // doesn't work
我在字段和自定义组件中有复杂的对象来显示它们,但表只是空的。我该如何让它发挥作用?
最佳答案
您可以使用 customComponent 来解决 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;
呈现如下:
关于javascript - 当字段中有对象时,网格空表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37442403/