react form 设置默认值
时间: 2023-07-07 13:31:21 浏览: 252
reconform:React高阶组件以获得更简单的形式。 :memo:
在 React 中设置表单控件的默认值可以通过给表单控件的 `value` 属性或 `defaultValue` 属性设置初始值来实现。
例如,对于一个文本框,可以通过以下方式设置默认值:
```jsx
<input type="text" value="默认值" />
```
或者:
```jsx
<input type="text" defaultValue="默认值" />
```
对于一个下拉框,可以通过 `value` 属性来设置默认选中项:
```jsx
<select value="option2">
<option value="option1">选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
</select>
```
需要注意的是,`defaultValue` 属性只在组件挂载时设置默认值,而 `value` 属性可以动态更新。如果需要动态更新默认值,应该使用 `value` 属性。
阅读全文