title: Two JSON files and one table display REACT JS
body: <p>How to read two JSON files simultaneously and display them in one table using map? I need to display first 3 columns from one JSON file and the next 2 columns from another JSON file</p>
  
  <p>status JSON</p>
  
  <pre><code>   [{"$class":"org.example.empty.AidShipment","pid":"143","shipment":"68","checkpoints":[],"startingpoint":"isb","destination":"china"},
  {"$class":"org.example.empty.AidShipment","pid":"144","shipment":"68","checkpoints":[],"startingpoint":"isb","destination":"china"},       
  {"$class":"org.example.empty.AidShipment","pid":"14","shipment":"69","checkpoints":["Received","Received"],"startingpoint":"isb","destination":"china"}]
  </code></pre>
  
  <p>pdetails JSON</p>
  
  <pre><code> [{"pid":144,"package_details":"tea","sp_id":68},
   {"pid":143,"package_details":"coffee","sp_id":68},
   {"pid":14,"package_details":"trees ","sp_id":69}]
  </code></pre>
  
  <p>There can be maximum 4 checkpoints in the checkpoint array
  I want to display a table with headings 1) pid 2) package details 3) Checkpoint1 4) Checkpoint2 5) Checkpoint3 6) Checkpoint4 
  of ship_id 68 using map in react js</p>