Hooks useState

Lo useState ti consente di aggiungere una variabile di stato al tuo componente

Esempio di un possibile utilizzo

						
import React, { useState } from "react";
import ReactDOM from "react-dom/client";

function App() {

	//DICHIARAZIONE DELLO useState
	const [car, setCar] = useState({
		brand: "Beta",
		model: "RR",
		year: "2019",
		color: "rosso"
	});

	//FUNZIONE CAMBIA COLORE
	const cambiaColore = () => {
		setCar(previousState => {
			return { ...previousState, color: "blu" }
		});
	}

	//RETURN --> Stampa a video
	return (
		<div>
			<h1>Il mio {car.brand}</h1>
			<p>È un {car.model} di colore {car.color} del {car.year}.</p>
			<button type="button" onClick={cambiaColore}>Cambia colore</button>
		</div>
	)
}
export default App
TORNA SU
HOME
VEDI ESEMPIO
SUCCESSIVO