1.发送axios请求后端(这里就不展示了)
2.直接上干货
描述:
首先有form表单
其次有select组件
在这里我使用的是可以下拉搜索得(antd里面可以查到)
重点是这段代码
{dataSource && dataSource.map(item => (
<Option key={item.id}>{item.area}</Option>))
}
在这里要千万记住item箭头后面得渲染html得代码用圆括号(),而不是中括号{}!!!否则map就循环不到内容
特别注意看清楚这是错误得写法:
{dataSource && dataSource.map(item => {
<Option key={item.id}>{item.area}</Option>
})
}
出来得结果:
正确的写法:
{dataSource && dataSource.map(item => (
<Option key={item.id}>{item.area}</Option>
))
}
出来的结果: