Estoy construyendo una historia en un libro de cuentos, pero eso no es muy relevante para la pregunta en cuestión. Básicamente, necesito crear una situación en la que tenga una etiqueta de anclaje que, al hacer clic, abra un cuadro de diálogo/ventana modal. El diálogo es un componente, <Dialog /> . Lo estoy simulando como algo que se parece a:
<a onclick={launches Dialog component}>Click Me</a>Esto parece una pregunta simple y simplemente no sé la respuesta. ¡Agradezco la ayuda!
Tendría algunas formas de satisfacer sus necesidades.
useState y representación condicional const [open, setOpen] = useState(false) <a onClick={() => setOpen(true)}>Click Me</a> {open && <MyComponent />}useState y css const [open, setOpen] = useState(false) <a onClick={() => setOpen(true)}>Click Me</a> {/* You could use visibility instead of display */} <MyComponent style={{display: open ? 'block' : 'none'}} />