– React 中文文档

mobile365体育投注下载 📅 2025-08-11 18:29:03 👤 admin 👁️ 8405 ❤️ 602

浏览器内置的

组件 允许你结合选项（options）渲染选择框。

一些选项 其他选项

Reference 用法 显示带有选项的选择框 为选择框提供 label 属性 提供选项初始值 支持多选 提交表单时读取选择框的值 使用 state 控制选择框

Reference

使用 浏览器内置的 组件 结合选项（options）渲染选择框。

一些选项 其他选项

参见下面更多示例。

属性

支持所有 常见的元素属性。

你可以通过传递 value 属性 以控制选择框:

value：一个字符串（如果指定 multiple={true}，那么 value 也可以是一个字符串数组）。当某一个选项（option）被选中时，value 为其对应的值。每个字符串值都与嵌套在

内的 的 value 属性相匹配。

当你传递 value 时，你必须同时传递一个 onChange 处理函数，用于更新传递的值。

如果 是非受控组件，那么你应该传递 defaultValue 参数：

defaultValue：一个字符串（如果指定 multiple={true}，那么 defaultValue 也可以是一个字符串数组）。defaultValue 表示 初始选中的选项（option）。

以下

属性均可用于受控与非受控选择框组件：

autoComplete：字符串，用于指定可能的 自动完成行为 之一。

autoFocus：布尔值。如果为 true，React 将在挂载时聚焦该元素。

children： 接受 、 与 处理非受控选择框；而使用 处理受控选择框。

如果选择框收到 value 属性，它将被视为 受控组件。

选择框不能同时受控与非受控。

选择框在其生命周期内无法在受控与非受控之间切换。

每个受控选择框都需要 onChange 事件处理程序，它会同步更新其后备值。

用法

显示带有选项的选择框

渲染一个包含一系列

组件的 ，来展示一个选择框，并给每个 都设置一个 value 属性，表示要与表单一起提交的数据。