问题描述:在使用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()函数内使用大括号{}会识别成函数从而不会渲染到页面上,小括号内的内容会识别成代码块正常渲染