0
374
Vistas¿Cuál es la forma correcta de llamar a la función dentro de los ganchos setState (useState)?
Quiero actualizar el estado en tiempo real y llamar a la función dentro de setState pero recibo un error.
onClick={() => setDetails(prevState => ({...prevState,id: product.orderId,status: 'processing'}) => updateStatus() )}
¿Alguien puede decirme la sintaxis y la expresión correctas?
2 Respuestas
Responde la pregunta0
Parece que estás usando hooks . No puede llamar a una función en setState como en los componentes de class . Necesitas verlo a través useEffect .
React.useEffect(() => { updateStatus() }, [state.id, state.status])0
la función creada usando useState gancho no tiene un segundo argumento. no admitirá la función de devolución de llamada después de actualizar el estado. solo estaba allí en la función setState que se usa en los componentes de clase.
Puedes usar useEffect en su lugar
useEffect(()=> { updateStatus() }, [details]) return ( ... onClick={() => setDetails(prevState => ({...prevState,id: product.orderId,status: 'processing'}))} ... )de esta manera, en cada actualización de setDetails llamará a useEffect y luego a updateStatus