Puna me select në React
Tani le të merremi me listat rënëse
select.
Puna me to gjithashtu praktikisht nuk ndryshon
nga puna me inputet dhe checkboxet.
Le të themi se kemi një select si ky:
function App() {
return <div>
<select>
<option>text1</option>
<option>text2</option>
<option>text3</option>
<option>text4</option>
</select>
</div>;
}
Le të sigurojmë funksionimin e tij me mjetet e 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>
zgjedhja juaj: {value}
</p>
</div>;
}
Krijoni një listë rënëse të qyteteve. Gjithashtu krijoni një paragraf, ku do të shfaqet zgjedhja e përdoruesit.
