导语
歌谣 歌谣 这边需要做一个标签选中功能 于是乎我开始了官方api的研究 一开始准备封装一个组件的后来发现没必要
编辑
解决思路
<div> {tagList && tagList.map((item, index) => ( <CheckableTag checked={item.checked} key={index} onChange={(flag) => { this.handleChange(flag, index); }} > {item.tagValue} </CheckableTag> ))} </div>
总结要点
两步步走
1引入
import { Tag } from 'antd'; const { CheckableTag } = Tag;
2定义
<CheckableTag {...this.props} checked={this.state.checked} onChange={this.handleChange} />
3直接在所在的位置加入值即可 则代码实现
