今天在写项目的时候,使用了select之后,发现无法渲染自己想要的结果,option内传的数据是没有任何问题的,但是浏览器就是不渲染界面
在网上查询后,发现自己犯了一个很头秃的错误(就像是刚刚学习c的时候,总是将中文逗号当成中文逗号的错误)
下面直接给出正确的写法:
<Select>
{
categoryList.map(item =>(
<Option key={item.id} >{item.title}</Option>
))
}
</Select>
出现的错误是,我在使用map函数的时候使用了{},但是当我们渲染option的时候,一定不能够使用{},正确的做法应该是()
下面是错误的代码:警示自己:
<Select>
{
categoryList.map(item =>{
<Option key={item.id} >{item.title}</Option>
})
}
</Select>
在这里一定需要注意,map中需要使用的是()