soy muy nuevo en React, y estoy intentando cambiar el valor de 'contador'.
const [contador, setContador] = useState(0);
let cont = 0;
const DeterminarCont = () => {
historial.forEach(h => {
if (h.fecha.slice(0,2) === '27') {
cont += 1;
setContador(cont); //incluso probé con: setContador(3) por poner cualquier valor
console.log('Si!');
console.log('contador: ', contador);
}
}
useEffect(() => {
DeterminarCont();
}, []);
Por consola los valores son actualizados correctamente pero en vista no, y no entiendo por qué o como solucionarlo.
return (
<>
<h2>{contador}</h2> //Se mantienen en 0 en la vista, pero por consola me actualiza los n°s
<h3> {cont} </h3>
</>
)
Hay alguna forma de que al entrar al componente se actualice 'contador' en la vista?, ya que solo lo hace por consola. Gracias de antemano
historial
y por qué la recorres con unforEach
. Cabe destacar que tienes puesto un useEffect que solo se ejecuta en la primera carga del componente por lo que solo sumará una única vez al contador sin ver mucho más el código que tienes para saber exactamente qué es lo que quieres hacer