JSFiddle - React, Tailwind, and code Playground

HTML

<table style="width:100%;">
	<tbody>
		<tr style="background-color: #d3d3d3;">
			<td>PRODUCTS</td>
			<td></td>
		</tr>
		<tr class="search-reslut-pro" style="cursor: pointer;" onclick="SearchedProduct(this);" data-employeeid="22" data-id="1" data-name="kaffe" data-price="1">
			<td>
				<div>kaffe</div>
				<div>1</div>
			</td>
			<td>1</td>
		</tr>
	</tbody>
</table>

JavaScript

function SearchedProduct(id) {
debugger;
    var id = $(id).attr('data-id');
    var name = $(id).attr('data-name');
    var price = $(id).attr('data-price');
    var EmployeeID = $(id).attr('data-EmployeeID');
    
}