javascript - 如何根据数据有条件地更改 react 表访问器值？

Question

const data = {
    name:"test1",
    fclPrice:100,
    lclPrice:null,
    total:"50"
    }

还有我的两栏:

const Datatable = [
  { Header: 'Name', accessor: 'name' }, 
  { Header: 'Price', accessor:'?' },
  { Header: 'Total', accessor:'total' }  
];

我希望访问者获取有编号的价格 key 例如:如果 fclprice:null 和 lclPrice:100 则应采用 lclPrice，反之亦然

Answer 1

您可以将访问器的值设置为 function它将把带有您的数据的对象作为第一个参数。然后，您可以将任何您想要的条件传递给它:

const Datatable = [
  { Header: 'Price', accessor: (data)=>data.fclPrice || data.lclPrice},  
];