REACT · Componente input text

Componente input text

Gli input text consentono all'utente di digitare del testo in un apposita casella, questo componente è generalmente utilizzato nei form per le iscrizioni oppure per permettere all'utente di effettuare delle ricerche all'interno della propria web app

Codice di esempio per inserire un input text

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

const App = () => {

    //DICHIARO LO useState NEL QUALE SALVO IL NOME INSERITO
    const [nome, setNome] = useState("");

    //FUNZIONE alertNome (RICHIAMATA ALLA PRESSIONE DEL BUTTON CONFERMA)
    const alertNome = (event) => {
        event.preventDefault();
        alert(`Il tuo nome è: ${nome}`);
    }

	//RETURN --> Stampa a video
	return (
		<div>
			{/* FORM */}
			<form onSubmit={alertNome}>

				{/* INPUT TEXT */}
				<label>Inserisci il tuo nome:
					<input type="text" value={nome} onChange={(e) => setNome(e.target.value)} />
				</label>

				{/* BUTTON PER CONFERMARE */}
				<input type="submit" value={"CONFERMA"} />

			</form>
		</div>
	)
}

export default App

TORNA SU

VEDI ESEMPIO