React · Junior · Question 68 of 75

How do you set the selected option of a `<select>` in React?

<select value={country} onChange={(e) => setCountry(e.target.value)}>
  <option value="ua">Ukraine</option>
  <option value="pl">Poland</option>
</select>

✓Correct answer: With value (or defaultValue) on the <select> itself
2With selected on an <option>
3With checked on an <option>

Explanation

React warns if you use selected on options. multiple selects take an array as value.

Further reading

React: <select> ↗

Test yourself

Take the React · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.