Lavorare con select in React
Ora occupiamoci dei menu a tendina
select.
Lavorare con loro è praticamente identico
al lavorare con input e checkbox.
Supponiamo di avere un select come questo:
function App() {
return <div>
<select>
<option>text1</option>
<option>text2</option>
<option>text3</option>
<option>text4</option>
</select>
</div>;
}
Assicuriamone il funzionamento con i mezzi di React:
function App() {
const [value, setValue] = useState('');
function handleChange(event) {
setValue(event.target.value);
}
return <div>
<select value={value} onChange={handleChange}>
<option>text1</option>
<option>text2</option>
<option>text3</option>
<option>text4</option>
</select>
<p>
la tua scelta: {value}
</p>
</div>;
}
Crea un menu a tendina di città. Crea anche un paragrafo in cui verrà visualizzata la scelta dell'utente.
