Бо select дар React кор кардан

Биёд акнун бо рӯйхатҳои нишебии select машғул шавем. Кор бо онҳо низ тақрибан фарқе бо кор бо инпутҳо ва чекбоксҳо надорад.

Бигзор мо чунин селекте дошта бошем:

jsxfunction App() {
  return <div>
    <select>
      <option>text1</option>
      <option>text2</option>
      <option>text3</option>
      <option>text4</option>
    </select>
  </div>;
}

Биёд кор кардани онро бо воситаҳои 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>
      интихоби шумо: {value}
    </p>
  </div>;
}