Mui-dataTables：如何根据数据有条件地更改React Table AccessSor值？

Question

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

和我的两列：

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

我希望登录器拿到具有数字的价格密钥 例如：如果FCLPRICE：NULL和LCLPRICE：100应为LCLPRICE和VICEVERSA

Answer 1

您可以将登录器的值设置为

函数，该值将作为第一个参数带有您的数据。然后，您可以通过任何想要的条件：

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