Skip to content

Commit f7df316

Browse files
authored
Merge pull request #626 from this-is-spear/select-review
Change line according to review
2 parents d542edd + 7da67b8 commit f7df316

1 file changed

Lines changed: 0 additions & 3 deletions

File tree

  • src/content/reference/react-dom/components

src/content/reference/react-dom/components/select.md

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -153,7 +153,6 @@ select { margin: 5px; }
153153

154154
---
155155

156-
157156
### 초기 선택 옵션 제공 {/*providing-an-initially-selected-option*/}
158157

159158
기본적으로 브라우저는 목록에서 첫 번째 `<option>`을 선택합니다. 다른 옵션을 기본값으로 선택하려면 `<select>` 엘리먼트에 `<option>``value``defaultValue`로 전달해야 합니다.
@@ -225,7 +224,6 @@ select { display: block; margin-top: 10px; width: 200px; }
225224
### 폼을 제출할 때 선택 상자에서 제공하는 값 읽기 {/*reading-the-select-box-value-when-submitting-a-form*/}
226225

227226
내부에 [`<button type="submit">`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button)이 있는 select box 주변에 [`<form>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/form)을 추가하면 `<form onSubmit>` 이벤트 핸들러를 호출해 값을 전달할 수 있습니다. 아무런 설정이 되어 있지 않다면 브라우저는 양식 데이터를 현재 URL로 보내고 페이지를 새로 고칩니다. `e.preventDefault()`를 호출하여 해당 동작을 재정의할 수 있습니다. [`new FormData(e.target)`](https://developer.mozilla.org/en-US/docs/Web/API/FormData)로 양식 데이터 읽는 방법은 다음과 같습니다.
228-
229227
<Sandpack>
230228

231229
```js
@@ -379,7 +377,6 @@ select { margin-bottom: 10px; display: block; }
379377

380378
<Pitfall>
381379

382-
383380
**`onChange` 없이 `value`를 전달하면 옵션을 선택할 수 없습니다.** `value`를 전달하여 select box를 제어하면 전달한 값이 항상 있도록 *강제*합니다. 따라서 `value`를 상태 변수로 전달했지만 `onChange` 이벤트 핸들러에서 상태 변수를 동기적으로 업데이트하지 않으면 React는 키를 누를 때마다 select box를 지정한 `value`로 되돌립니다.
384381

385382
HTML과는 달리 개별 `<option>``selected` 속성을 전달하는 것은 지원하지 않습니다.

0 commit comments

Comments
 (0)