React-Table访问器如何有条件地通过支持？

Question

我想知道如何才能有条件地将prop传递给我的react-table访问器。

例如：我有这样的数据：

const data = [
  {
    name: 'Something',
    isA: false,
    isB: false,
    isC: true
  },
  {
    name: 'Something 2',
    isA: true,
    isB: false,
    isC: false
  },
  {
    name: 'Something 3',
    isA: false,
    isB: false,
    isC: true
  },
]

和我的两列：

const columns = [
  {Header: 'Name', accessor: 'name'}, 
  {Header: 'Is What?',accessor:'?'},  
]

在第二列访问器中，该如何工作？
访问者将是isA或isB或isC为true的那个，因此，如果isA真正访问者为isA，如果isB访问者为isB...。

如何实现？

Answer 1

在您的Is What ?访问器中，为了知道要显示哪些数据，您可以使用如下访问器：

{
  Header: "Is What?",
  accessor: a => (a.isA ? "isA" : a.isB ? "isB" : a.isC ? "isC" : "")
}

在此，如果isA为真，则在单元格值中将看到isA。但是，如果isA为假，而isB为真，则在单元格值等中会看到isB。