遍历列表,渲染页面select

133 阅读1分钟

以ajax请求为例,接口返回一个列表,列表元素用来构建页面的

1、生成标签列表

ajax("").then(data => {
    console.log('加载成功...');
    var items = data.map(item => {
            return <option value={item.code}>{item.name}</option>
    })
    this.setState({tagOPtion: items})
})

2、标签列表的使用

<select value={} onChange={}>{this.state.tagOption}</select>