如何根据JSX中的状态设置<select>的默认选项？

Question

state = {
      option: 'west'
    }

render(){
  return(
    <select>
      <option value="east">East</option>
      <option value="south">South</option>
      <option value="west">West</option>
      <option value="north">North</option>
    </select>
  )
}

如何在JSX中设置根据状态的默认选项？

Answer 1

defaultValue

OUTPUT