0
169
Vistas2 preguntas... la primera es que quiero que el texto cambie de condición y la otra es que no se puede hacer clic en el botón si cumple la condición
este es el código de muestra de lo que estoy tratando de hacer... con la condición "detailProduct.stock == 0". Quiero que cambie el texto si se cumple la condición. pero la cosa es que solo aparece "Equipo Disponible" y nunca aparece "Agotado"... también mi botón. "Comprar ahora" Quiero que se deshabilite si el stock = 0 me gusta lo que quiero en mi primera pregunta. Es un poco difícil de encontrar y experimentar con alguna sintaxis, así que preguntaré aquí, ¡gracias!
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
¿Está seguro de que el valor de detailProduct.stock es cero?
para el botón en lugar de usar el elemento Link , intente usar el botón en sí mismo y en el evento onClick use navigate desde react-router-dom
function TestElement(){ const navigate = useNavigate() const [detailProduct, setDetailProduct] = useState({stock: 0}) const handleClick=()=>{ // handle your logic navigate('/cart') // react-router-dom v6 } return( <div> <button onClick={handleClick} disabled={detailProduct.stock === 0}> Buy Now </button> </div> ) }
·
Juan Pablo Isaza
Denunciar
Responde la pregunta