display sub array length as column value

[vasanthi-d]

Hi All,

I am just getting started with react-table 7 and need some help with below question.

I have my json object that looks like this.

{
  name: 'test',
  age: 30,
  courses: [
          {
             id: 'course1d1234',
             name: 'test course',
             completedOn: '01/01/2015'
          },
          {
             id: 'course1d5678',
             name: 'test course2',
             completedOn: '01/01/2015'
          }
  ]
....
}

In my table, I would like to display

Name           Age                 # of courses
=====         ====              =====
test               30                  2
test2             32                  0

How can access the length of courses array while defining columns data for react-table so appropriate count is displayed under "# of courses" column?

[vasanthi-d]

nvm, I just had to use function for accessor. I wasn't aware that accessor can take functions.

{
Header: '# of course',
accessor: (row) => row.courses.length || 0
}