how to get data from array in json file to table using react js

Question

I need to link shipment numbers to the driver and display the data in the table

• Note that I am using json server

Table

Answer 1

You need to JSON.parse the ShippmentNumber. Then map over the array of numbers and wrap them with <a> tags.

Just an example we can replace the line <td>{shippment.ShippmentNumber}</td> with

<td>
  {JSON.parse(shippment.ShippmentNumber).map(number => {
    return <a key={number} href={`<shipment-path>/${number}`}>{number}</a>
  })}
</td>