Javascript 反应-在选择标记中使用映射时添加默认选项
我了解到,当使用Javascript 反应-在选择标记中使用映射时添加默认选项,javascript,reactjs,typescript,Javascript,Reactjs,Typescript,我了解到,当使用Select时,下拉列表中的每个元素都由Option标记给出 现在我有一个下拉列表必须包含的值数组- a = ['hai','hello','what'] 因此,我优化了我的代码,如下所示- <Select> a.map(ele => <Option value={ele}> ele </Option> ) </Select> a、 地图(ele=> ele)
Select
时,下拉列表中的每个元素都由Option
标记给出
现在我有一个下拉列表必须包含的值数组-
a = ['hai','hello','what']
因此,我优化了我的代码,如下所示-
<Select>
a.map(ele =>
<Option value={ele}> ele </Option> )
</Select>
a、 地图(ele=>
ele)
这是成功的。但现在我想添加一个默认值,在第一次渲染时显示。
我试过这样做-
<Select>
<Option selected={true}> Choose from the list</Option
a.map(ele =>
<Option value={ele}> ele </Option> )
</Select>
从列表中选择
ele)
但这是一个错误。正确的方法是什么?使用
映射的第二个参数作为索引。然后选择索引===0
<Select>
<Option value=""> Choose from the list</Option
a.map((ele, index) => <Option value={ele} selected={index === 0}> {ele} </Option>)
</Select>
从列表中选择{ele})
您可以尝试以下方法:
{
a、 地图(ele=>(
{ele}
))
}
您的代码正确吗?出现了什么错误?