Usé un enlace personalizado y quiero mostrar un solo elemento que coincida con una identificación particular, probé varios métodos pero no funcionó. Este es mi código:
const SingleServiceDetail = () => {
const {idOfService} = useParams(); const [data] = useCustom(); const singleItem = data.find(element =>element._id === idOfService); console.log(singleItem); return ( <div> <h2>You have Choosed :{idOfService}</h2> {/* <p>{singleItem.name}</p> */} </div> );};
Posiblemente idOfService de useParams es una cadena y element._id es un número.
Pruebe con doble igual, escribirá coaccionar y verificará la identificación.
const singleItem = data.find(element => element._id == idOfService); de lo contrario, cambie el idOfService a número
const singleItem = data.find(element => element._id === +idOfService);