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:

jsxfunction 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:

jsxfunction 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>;
}