Estoy creando Accodion que tendrá varios elementos con TÍTULO y CUERPO.

Cuando se hace clic en un título, quiero que setShow verdadero. Pero cuando el artículo A es verdadero, no quiero que el artículo B sea verdadero al mismo tiempo. Obtendré esos datos del servidor y no sé cómo tendré mis artículos en el futuro.

 const Accordion = ({ title, text }) => { const [show, setShow] = React.useState(false); return ( <> <div className="accordion-wrapper"> <div onClick={() => setShow(!show)} className="accordion-title cursor-pointer flex flex-row flex-1 justify-between items-center" > <div className="title-text"> <h2>{title}</h2> </div> <div className="title-icon"></div> </div> <div className="accordion-content">{text}</div> </div> </> ); }; export default Accordion;