Question

0

138

Views

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

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

about 4 years ago · Juan Pablo Isaza

1 answers

Answer question

0

Answer question

Find remote jobs

Accepted Answer · 2022-07-03T01:55:32.863Z

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},  
];

0

138

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

1 answers

0

Find remote jobs

Andres GPT