en ese caso, si hace clic por primera vez en mostrar su show hola mundo, es correcto, pero nuevamente, si hace clic en mostrar, no debería funcionar. ahora se convirtió en un conmutador, pero ¿cómo puedo hacer después de un clic que no funciona? Después de mostrar el hola mundo, no debería volver a ocultarse si desea hacer clic nuevamente. También estoy usando el puntero. El evento tampoco funciona.
import React, { useState } from "react"; export default function DropDown() { const [show,setShow]=useState(false) return ( <> {show?<h1>hello world</h1>:null} <div onClick={()=>{setShow(!show);return false;}}><span>show</span></div> </> ) }Simplemente puede modificar su onClick con un valor de tiempo establecido
onClick={()=>{setShow(true)}} //one time setcódigo completo
import React, { useState } from "react"; export default function DropDown() { const [show,setShow]=useState(false) return ( <> {show?<h1>hello world</h1>:null} <div onClick={()=>{setShow(true)}}><span>show</span></div> </> ) } Si desea deshabilitar ese botón después de show la actualización, puede configurar disabled={show} para ese botón
import React, { useState } from "react"; export default function DropDown() { const [show,setShow]=useState(false) return ( <> {show?<h1>hello world</h1>:null} <div onClick={()=>{setShow(true)}} disabled={show}><span>show</span></div> </> ) }