Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 反应-在选择标记中使用映射时添加默认选项_Javascript_Reactjs_Typescript - Fatal编程技术网

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}
))
}

您的代码正确吗?出现了什么错误?