1

Estoy tratando de hacer push en un hook, pero por alguna razón solo funciona al dar un segundo click.

const [cart, setCart] = React.useState([]);

async function addItemToCart(itemImage,
    itemName,
    itemPrice,
    itemId) {

    let shoppingCart = {
        itemImage: itemImage,
        itemName: itemName,
        itemCuantity: 1,
        itemPrice: itemPrice
    };

De esta manera solo funciona al dar un segundo click.

setCart([...cart, shoppingCart])

Esta es la única solución pero no sé si es correcto.

cart.push(shoppingCart)

Este es el botón que ejecuta esa función:

}

return (
    <Container >
        <Button block style={styles.btnColor} onPress={() => addItemToCart(item.itemImage, item.itemName, item.itemPrice)}>
            <Text>COMPRAR</Text>
        </Button>
    </Container>
);
3
  • Agrega el código completo de addItemToCart, saludos
    – g.4
    Commented el 15 jun. 2021 a las 15:43
  • Esta completo..
    – Illud
    Commented el 15 jun. 2021 a las 16:21
  • Me parece que solo estas compartiendo el componente del botón addItemToCart, debería haber componente donde se ve el cart, ¿o todo esta en un solo componente?
    – g.4
    Commented el 15 jun. 2021 a las 18:55

1 respuesta 1

1

Dado que al parecer no hay suficiente contexto, comento que he visto ese problema cuando tienes focus en un input y luego al hacer click en un botón debo hacerlo por segunda vez para que tome efecto. Esto me pasaba cuando usaba un contenedor que tenía un ScollView y lo solucioné con lo siguiente.

<ScrollView keyboardShouldPersistTaps='handled'> ... </ScrollView>

Si estas en el mismo caso pero no quisiste compartir todo tu código, puede que te ayude.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.