我试图弄清楚该数据表中的列的工作方式（https://github.com/tannerlinsley/react-table）：

该列是带有下拉/选择控件的“状态”列。

在这里，您可以看到带有所有代码的实际示例：

https://codesandbox.io/s/github/tannerlinsley/react-table/tree/master/examples/filtering

据我所知，该列是用App.js中的这段代码定义的：

select sum(case when pe.type = 'EARNING' then epe.amount
                when pe.type = 'DEDUCTION' then - epe.amount
            end) as total_earnings
from employee_pay_elements epe join
     pay_elements pe
     on epe.pay_element_id = pe.id;

然后在MakeData.js中设置数据：

Header: 'Status',accessor: 'status',Filter: SelectColumnFilter,filter: 'includes',

我想将其更改为预定义的数组，所以我进行了更改：

status:
  statusChance > 0.66
    ? 'relationship'
    : statusChance > 0.33
    ? 'complicated'
    : 'single',

它奏效了。但是这种方法有两件事困扰着我。

1. 它将选择值随机化
2. 以这种方式填充选择值似乎不合适。

也许我对React不太熟悉...实际上我知道我不是。

但是我想知道，还有更好的方法吗？

谢谢！