Skip to main content
se añadieron 10 caracteres en el cuerpo; etiquetas editadas; título editado
Origen Enlace
Alter Lagos
  • 5.5k
  • 2
  • 16
  • 27

botones Botones Abrir/Cerrar con hooks

Hola a todos que pena los molesto, es que tengo una duda, lo que pasa es que estoy intentando, estoyEstoy haciendo un modal en hooks que abra y cierre con botones, pero no pasa nada. Estoy aprendiendo hooks

function CartTotal(props){
   
    const [open, setOpen] = useState(false);

    function handleOpen(){

       if(setOpen === true){
           return alert('Abierto')
       }
    }

    function handleClose(){
        if(setOpen === false){
            return alert('cerrado')
        }
    }
    return(
        <div>
           <div className="shopCart">
               <br/>
               <p className="total">Precio Total de Todo: ${totalPrice}</p>
               <br/>
               <p className="total">Total de Productos: {totalProducts}</p>
               <br/>
               <button open={open} onClick={handleOpen}>Open</button>
               <br/>
               <button onClick={handleClose}>Close</button>
           </div>
        </div>
    )
}

export default CartTotal;

}

export default CartTotal;

botones Abrir/Cerrar con hooks

Hola a todos que pena los molesto, es que tengo una duda, lo que pasa es que estoy intentando, estoy haciendo un modal en hooks que abra y cierre con botones, pero no pasa nada. Estoy aprendiendo hooks

function CartTotal(props){

const [open, setOpen] = useState(false);

function handleOpen(){

   if(setOpen === true){
       return alert('Abierto')
   }
}

function handleClose(){
    if(setOpen === false){
        return alert('cerrado')
    }
}
return(
    <div>
       <div className="shopCart">
           <br/>
           <p className="total">Precio Total de Todo: ${totalPrice}</p>
           <br/>
           <p className="total">Total de Productos: {totalProducts}</p>
           <br/>
           <button open={open} onClick={handleOpen}>Open</button>
           <br/>
           <button onClick={handleClose}>Close</button>
       </div>
    </div>
)

}

export default CartTotal;

Botones Abrir/Cerrar con hooks

Estoy haciendo un modal en hooks que abra y cierre con botones, pero no pasa nada.

function CartTotal(props){
   
    const [open, setOpen] = useState(false);

    function handleOpen(){

       if(setOpen === true){
           return alert('Abierto')
       }
    }

    function handleClose(){
        if(setOpen === false){
            return alert('cerrado')
        }
    }
    return(
        <div>
           <div className="shopCart">
               <br/>
               <p className="total">Precio Total de Todo: ${totalPrice}</p>
               <br/>
               <p className="total">Total de Productos: {totalProducts}</p>
               <br/>
               <button open={open} onClick={handleOpen}>Open</button>
               <br/>
               <button onClick={handleClose}>Close</button>
           </div>
        </div>
    )
}

export default CartTotal;
Origen Enlace
Angel
  • 151
  • 8

botones Abrir/Cerrar con hooks

Hola a todos que pena los molesto, es que tengo una duda, lo que pasa es que estoy intentando, estoy haciendo un modal en hooks que abra y cierre con botones, pero no pasa nada. Estoy aprendiendo hooks

function CartTotal(props){

const [open, setOpen] = useState(false);

function handleOpen(){

   if(setOpen === true){
       return alert('Abierto')
   }
}

function handleClose(){
    if(setOpen === false){
        return alert('cerrado')
    }
}
return(
    <div>
       <div className="shopCart">
           <br/>
           <p className="total">Precio Total de Todo: ${totalPrice}</p>
           <br/>
           <p className="total">Total de Productos: {totalProducts}</p>
           <br/>
           <button open={open} onClick={handleOpen}>Open</button>
           <br/>
           <button onClick={handleClose}>Close</button>
       </div>
    </div>
)

}

export default CartTotal;