问题描述:在使用Select Option下拉组件时,map遍历后不显示下拉框
错误写法:
{dataList && dataList.map(item =>{(
<Option key={item.id} value={item.value}>{item.value}</Option
)})}
正确写法:
{dataList && dataList.map(item =>(
<Option key={item.id} value={item.value}>{item.value}</Option
))}
问题总结:主要是es6箭头函数写法的问题,当需要在嵌套中写入HTML代码时,箭头函数后边不需要加大括号{},直接用小括号()即可
在render()函数内使用大括号{}会识别成函数从而不会渲染到页面上,小括号内的内容会识别成代码块正常渲染

博客讲述了在使用SelectOption组件时遇到的问题,即在遍历数据列表后下拉选项未显示。错误在于使用了ES6箭头函数并加上了大括号,导致内容没有被渲染。正确的做法是移除大括号,只保留小括号,使得内容能够正常渲染到页面上。这个问题涉及到React组件渲染和ES6语法的理解。
1407

被折叠的 条评论
为什么被折叠?



