How to I change my react table accesssor value based on data conditionally?

Question

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

and my two columns:

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

I want accessor to take the price key which has number For eg : if fclprice:null and lclPrice:100 it should take lclPrice and viceversa

Answer 1

You can a set a value of an accessor to a function which will take as a first argument the object with your data. Then, you can pass whatever condition you want to it:

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