a-select默认选中后端返回得第一项数据
时间: 2023-11-29 18:05:49 浏览: 120
cognos 默认选择select 第一个值
a-select 组件默认会选中 options 中的第一项数据,如果想要选中后端返回的第一项数据,可以通过设置 defaultValue 或者 value 属性来实现。
- 使用 defaultValue
在获取到后端返回的数据后,将第一项数据的 value 值赋给 defaultValue 属性即可。
```html
<a-select defaultValue={data[0].value}>
{data.map((item) => (
<a-select-option key={item.value} value={item.value}>
{item.label}
</a-select-option>
))}
</a-select>
```
- 使用 value
在获取到后端返回的数据后,将第一项数据的 value 值赋给 value 属性即可。
```html
<a-select value={data[0].value}>
{data.map((item) => (
<a-select-option key={item.value} value={item.value}>
{item.label}
</a-select-option>
))}
</a-select>
```
阅读全文