Digamos que tengo un componente simple como este:
export default function Foo({someProp}) { const a = Math.random(); return <div>{a}{someProp}</div> } Hasta donde yo sé, cuando someProp actualice, React activará una nueva representación. ¿Ejecutará toda la función Foo una vez más y reasignará const a un nuevo valor aleatorio? ¿Se mostrará el valor en <div> ? Gracias.
La respuesta para cada una de sus preguntas es sí . Se activa una nueva representación cuando hay un cambio de props como dijiste, y también cuando hay un cambio de state . Al volver a renderizar y también en el primer render, todo se comporta como en una función JavaScript normal, en cuanto a la asignación de variables y todo lo demás, excepto algunas cosas relacionadas con React Hooks, como un state hecho con useState , una ref hecha con useRef ...