Tengo un componente funcional y alguna función se llama directamente en el cuerpo (esa función cambia el estado && es necesario ejecutar cada renderizado). ¿Está 100% bien, o podría causar errores?
const myFunc = (setMyState, ...) => { ... setMyState(...) } const MyComponent = () => { const [myState, setMyState] = useState(...) myFunc(setMyState, ...) return(<div>some content...</div>) }Esto provocará un bucle infinito. Esta es la razón por:
Definitivamente puede evitar esto usando declaraciones if dentro de la función, pero la mejor manera de actualizar el estado de un componente es mediante la entrada del usuario/llamadas api o la actualización de accesorios (su caso, supongo)
En mi opinión, la mejor manera de hacerlo es usando el gancho useEffect