#yyds干货盘点# 【React工作记录三十五】ant design中默认回调加入参数

简介: #yyds干货盘点# 【React工作记录三十五】ant design中默认回调加入参数

前言


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


导语


歌谣 歌谣 这边如果ant design自身默认回调需要加入其他参数怎么实现


图片.png

代码部分


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


总结


直接看代码部分 默认的回调就是flag 额外的参数index需要通过箭头函数来获取

这样就能拿到index的值了 这里的tagList就是一个数组了 这样就可以拿到对应值

handleChange = (checked, index) => {}



相关文章
|
1月前
|
前端开发 JavaScript 安全
使用React、TypeScript和Ant Design构建现代化前端应用
使用React、TypeScript和Ant Design构建现代化前端应用
24 0
|
4月前
|
存储 前端开发
React & webpack &ant 学习
React & webpack &ant 学习
44 0
|
5月前
|
前端开发
从零开始学习React-引入Ant Design 组件(八)
从零开始学习React-引入Ant Design 组件(八)
51 0
|
6月前
|
前端开发 API 网络架构
React-Router-URL参数
React-Router-URL参数
24 0
|
8月前
|
前端开发
react18携带参数跳转路由
react18携带参数跳转路由
237 0
|
8月前
|
前端开发 数据格式
再次接触老朋友react+ant design table合并单元格
再次接触老朋友react+ant design table合并单元格
94 0
|
3月前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
98 0
|
3月前
|
存储 前端开发 JavaScript
【第34期】一文学会React组件传值
【第34期】一文学会React组件传值
31 0
|
3月前
|
前端开发
【第31期】一文学会用React Hooks组件编写组件
【第31期】一文学会用React Hooks组件编写组件
35 0
|
3月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
40 0