博客讲述了在使用SelectOption组件时遇到的问题，即在遍历数据列表后下拉选项未显示。错误在于使用了ES6箭头函数并加上了大括号，导致内容没有被渲染。正确的做法是移除大括号，只保留小括号，使得内容能够正常渲染到页面上。这个问题涉及到React组件渲染和ES6语法的理解。
问题描述：在使用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()函数内使用大括号{}会识别成函数从而不会渲染到页面上，小括号内的内容会识别成代码块正常渲染
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
