React 笔记（4）：表单

受控组件与非受控组件

受控组件

渲染表单的 React 组件，同时被 React 控制取值的表单元素叫 受控组件。如 input、textarea、select 等。

textarea 标签

在普通 HTML 元素中，textarea 通过其子元素定义文本。

<textarea>
这里是文本
</textarea>

在 React 中， textarea 与 input 一样，使用 value 定义其值。

<textarea value={this.state.value}></textarea>

select 标签

在普通 HTML 元素中，select 通过 selected 属性控制和选中 option 项目。

<select>
    <option value="1">1</option>
    <option value="2" selected>2</option>
</select>

在 React 中，则通过 select 的 value 属性来确定 option 项目

<select value={this.state.value}>
    <option value="1">1</option>
    <option value="2">2</option>
</select>

非受控组件

在 HTML 中 <input type="file" /> 允许用户从客户端选择一个或多个文件，将其上传到文件服务器，或通使用 Javascipt API 进行控制。因为它的 value 是只读的，所以它在 React 中是一个非受控组件。