Introduzione agli State in React
Il concetto successivo che analizzeremo si chiama state. Gli state rappresentano variabili reattive dei componenti.
La reattività significa che quando uno state cambia, le modifiche avverranno in tutti i punti dove questo state viene utilizzato. Tecnicamente ciò si ottiene effettuando il re-rendering dell'intero componente quando cambia qualsiasi state.
Per utilizzare gli state, per prima cosa è necessario
importare la funzione useState:
import React, { useState } from 'react';
La funzione useState accetta come parametro
il valore iniziale dello state, e come risultato
restituisce un array speciale di due elementi.
Nel primo elemento dell'array sarà memorizzato
il valore corrente dello state, e nel secondo - la funzione
per modificare lo state.
Per il corretto funzionamento degli state, non è possibile modificarli direttamente, ma bisogna utilizzare la funzione per modificarli - solo allora la reattività funzionerà.
