React (web framework): differenze tra le versioni

Versione delle 13:45, 27 ago 2024

Versione delle 12:15, 30 ago 2024

Riga 85:

* <code>shouldComponentUpdate</code> consente allo sviluppatore di impedire il rendering non necessario di un componente restituendo false se non è richiesto un rendering.

* <code>componentDidMount</code> viene chiamato una volta che il componente è "montato" (il componente è stato creato nell'interfaccia utente, spesso associandolo a un nodo [[Document Object Model|DOM]] ). Questo è comunemente usato per attivare il caricamento dei dati da una fonte remota tramite un'[[Application programming interface|API]].

* <code>componentWillUnmount</code> viene chiamato immediatamente prima che il componente venga demolito o "smontato". Questo è comunemente usato per cancellare dipendenze che richiedono risorse al componente che non saranno semplicemente rimosse con lo smontaggio del componente (ad esempio, la rimozione di qualsiasi istanza <code>setInterval()</code> che è correlata al componente o un "eventListener" impostato sul "documento" a causa della presenza del componente).

* <code>render</code> è il metodo di ciclo di vita più importante e l'unico richiesto in qualsiasi componente. Di solito viene chiamato ogni volta che viene aggiornato lo stato del componente, che dovrebbe riflettersi nell'interfaccia utente.

Riga 122:

==== Dichiarazioni condizionali ====

Le istruzioni if-else non possono essere utilizzate all'interno di JSX ma è possibile utilizzare espressioni condizionali. L'esempio seguente mostrerà {{Codice|codice={ i === 1  ? 'true'   : 'false' }|linguaggio=JavaScript}} come stringa {{Codice|codice='true'|linguaggio=JavaScript}} perché <code>i</code> è uguale a 1.

<syntaxhighlight lang="react" line="1">

class App extends React.Component {