Select & Textarea in React

function Survey() {
  const [country, setCountry] = React.useState('us')
  const [comments, setComments] = React.useState('')
  
  return (
    <div>
      {/* Controlled select */}
      <select 
        value={country} 
        onChange={(e) => setCountry(e.target.value)}
      >
        <option value="us">United States</option>
        <option value="uk">United Kingdom</option>
        <option value="ca">Canada</option>
      </select>
      
      {/* Controlled textarea */}
      <textarea
        value={comments}
        onChange={(e) => setComments(e.target.value)}
        rows={4}
        placeholder="Your comments..."
      />
      
      <p>Selected: {country}</p>
      <p>Comments: {comments}</p>
    </div>
  )
}