utilizo spotify api para construir esta web y uso reaccionar

Hice una tarjeta de componente de la pista que incluye el botón de selección y luego quiero cambiar el botón de selección si el usuario hace clic en eso con el texto 'seleccionado' y si el usuario hace clic en otro botón, luego el botón seleccionado se mueve al botón en el que se ha hecho clic.

por ahora solo hago lógica para cambiar el botón de selección al botón seleccionado y el resultado es que el usuario puede cambiar el botón de selección al botón seleccionado en cada componente

estoy usando el mapeo para crear una lista de tarjetas

La página de resultados

Este es mi componente de tarjeta

 import './Albumcard.css'; import { useState, useEffect } from 'react'; const Albumcard = ({url, albumName, songName, artistName}) => { const [selected, setSelected] = useState(false); const [urlSelected, setUrl] = useState(""); const handleSelect = () =>{ if(!selected){ setSelected(true); setUrl(url); } else{ setSelected(false); setUrl(""); } } return ( <div className='Album-wrapper'> <div className='Album-image'> <img src={url} alt=''></img> </div> <div className='Album-description'> <p className='Album-name'>{albumName}</p> <p className='Album-title'>{songName}</p> <p className='Album-artist'>{artistName}</p> </div> <div className='Album-button' onClick={handleSelect}> { (!selected)? `select` : `deselect` } </div> </div> ); } export default Albumcard;