Tengo una pregunta sobre cómo llamar a una función en React.
Digamos que tengo este código:
function test() { console.log("hi"); }Entonces lo estoy implementando así:
return ( <TextField label="Name" name='itemName' value={formValues.itemName} onChange={test} /> ) Si lo hago de esta manera: test , estará bien. Solo cambiará cuando ponga algo en el campo.
Pero si lo hago test() , la función se activará de inmediato en cada renderizado.
¿Alguien puede aclararme más sobre estas diferencias? ¿Y hay ocasiones en las que debería usar los paréntesis?
Cuando escribe test() , está llamando a la función en el acto (ejecutando su función).
Por otro lado, escribirlo como esta test pasará un puntero a la función que debe ejecutarse más tarde (onChange en su caso).