reactjs - 如何使用数据不一致的固定数据表

Question

这是我的报价，我想在我的固定数据表中显示它们。如果报价是全球性的，则数据中没有条目。

{
  "id" : "90528630948ijvehiddwid",
  "name" : "Some Offer In Germany",
  "updatedTime" : "2016-01-15T13:24:26.090Z",
  "createdTime" : "2016-01-15T09:37:12.396Z",
  "country" : {
    "code" : "DE",
    "name" : "Germany"
  }
},
{
  "id" : "589476350240ß358540a",
  "name" : "Some Global In Offer",
  "updatedTime" : "2016-01-15T13:24:26.090Z",
  "createdTime" : "2016-01-15T09:37:12.396Z"
}

如果没有可用的国家/地区，我想要一个显示“全球”的自定义单元格。但我看到问题出在它自己的表中，因为如果没有条目，它就无法构建一个单元格......

var CountryCell = ({rowIndex, data, col, ...props}) => (
    <Cell {...props}>
      {col ? data[rowIndex][col] : 'Global' }
    </Cell>
);

<Column
            columnKey="country"
            header={<Cell>country</Cell>}
            footer={<Cell className='backgroud-blue'></Cell>}
            cell={<CountryCell data={this.state.offers} col="country"/>}
            fixed={false}
            width={250}
            isResizable={false}
          />

那么对于这种情况，最好的方法是什么。我是否围绕我的原始数据构建一个包装器并“伪造”那些没有国家对象的案例？

Answer 1

我认为下面的更改可能仅适用于在缺少对象的情况下显示“全局”，

var CountryCell = ({rowIndex, data, col, ...props}) => (
    <Cell {...props}>
      { data[rowIndex][col] ? data[rowIndex][col] : 'Global' }
    </Cell>
);