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

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

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

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

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

Рӯйхати нишебии шаҳрҳо созед. Инчунин абзасе созед, ки ба он интихоби корбар бароварда шавад.