From .map get product ID and search from another json text with same id and replace it to name

I need advice.
via .map I get the product id (item.id), and from another JSON text I would need it to find in it the number of that id and take the same id found product_name and rewrite the product id to that product_name from the second JSON text.

https://justpaste.it/4cik4

{ subCategoryList && (
                
                    subCategoryList.map(function(item, id) {
                        return(
                          <tr key={id}>
                            <td>{item.subproduct_name}</td>
                            <td>{item.products_id}</td> <--- HERE
                            <td>{item.product_url_header}</td>
                            <td className='action'> <i class='bx bx-pencil hover' onClick={()=>editSubcategoryRecord(item.id, item.products_id, item.subproduct_name, item.product_url_header)}></i> <i class='bx bx-trash-alt hover' onClick={()=>deleteSubCategory(item.id)}></i> </td>
                          </tr>
                    )}.bind(this))

                  )
                }