0
点赞
收藏
分享

微信扫一扫

#yyds干货盘点# 【React工作记录三十九】ant design控制tag选中的写法


前言


我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷


导语


歌谣 歌谣 这边需要做一个标签选中功能 于是乎我开始了官方api的研究 一开始准备封装一个组件的后来发现没必要


#yyds干货盘点# 【React工作记录三十九】ant design控制tag选中的写法_代码实现#yyds干货盘点# 【React工作记录三十九】ant design控制tag选中的写法_封装_02

解决思路


<div>
{tagList &&
tagList.map((item, index) => (
<CheckableTag
checked={item.checked}
key={index}
onChange={(flag) => {
this.handleChange(flag, index);
}}
>
{item.tagValue}
</CheckableTag>
))}
</div>

#yyds干货盘点# 【React工作记录三十九】ant design控制tag选中的写法_封装_03

总结要点


两步步走

1引入

import { Tag } from 'antd'; const { CheckableTag } = Tag;

2定义

<CheckableTag {...this.props} checked={this.state.checked} onChange={this.handleChange} />

3直接在所在的位置加入值即可 则代码实现



举报

相关推荐

0 条评论