javascript – Creating Dynamic Buttons in React JS

Given an imaginary/virtual table of 9 columns and 8 rows (total of 72 slots), I would like to create a React JS script that creates the table on screen, but only showing those slots that are written on an actual database table.

For example, the database table has only values for 5 and 7, only the buttons for 5 and 7 should show.

I have tried using the object.map method, but it would only show those that were defined/written on the database table, without regard for the other values.

Simplest way, please. I’m quite new to React.

Please help a newbie out.

Thank you.