Estoy desarrollando un sitio de galería con Reactjs y quiero pasar múltiples valores en formato de objeto a una función como parámetro al hacer clic.
Pero cuando consuelo el parámetro en función, el valor muestra "[objeto objeto]".

Aquí está el código

<button onClick={handleToggleModal} data={{ id: value.tempid, demoUrl: value.demolink }}>More Info</button>

para la función

 function handleToggleModal(e) { let arr = {}; arr.push(e.currentTarget.getAttribute("data")); console.log(e.currentTarget.getAttribute("data")); // Showing [object object] in console }

Parece que esto no funciona para usar el atributo html para pasar un objeto o una matriz. Busqué en línea pero no pude encontrar una pregunta similar a esta. Gracias por la ayuda por adelantado.