대신에 <textarea>에 value 속성을 사용하는 것을 권장한다.

render() {
  return <textarea name="description" value={this.state.description}/>
}

 

<input> 요소와 마찬가지로 변경을 감지하려면 onChange를 사용한다.

 

<select>와 <option> 요소

<select>와 <option> 영역은 사용자가 미리 입력된 값 목록에서 한 가지 또는 여러 가지 값을 선택할 수 있는 훌륭한 UX를 제공한다. 그림 7-6처럼 값 목록은 사용자가 선택해서 펼치기 전까지는 요소 뒤에 완벽하게 숨겨져 있다.

▲ 그림 7-6 드롭다운 메뉴를 렌더링하고 선택 값을 표시한 경우