【React工作记录三十五】ant design中默认回调加入参数

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

代码部分

<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) => {}



相关文章
|
3月前
|
资源调度 JavaScript 前端开发
使用vite+react+ts+Ant Design开发后台管理项目(二)
使用vite+react+ts+Ant Design开发后台管理项目(二)
|
3月前
封装react-antd-table组件参数以及方法如rowSelection、pageNum、pageSize、分页方法等等
文章介绍了如何封装React-Antd的Table组件,包括参数和方法,如行选择(rowSelection)、页码(pageNum)、页面大小(pageSize)、分页方法等,以简化在不同表格组件中的重复代码。
72 0
|
7月前
|
前端开发 JavaScript 安全
使用React、TypeScript和Ant Design构建现代化前端应用
使用React、TypeScript和Ant Design构建现代化前端应用
197 0
|
7月前
|
前端开发
react使用ant desgin 组件实现便利开发
react使用ant desgin 组件实现便利开发
|
存储 前端开发
React & webpack &ant 学习
React & webpack &ant 学习
72 0
|
前端开发
从零开始学习React-引入Ant Design 组件(八)
从零开始学习React-引入Ant Design 组件(八)
106 0
|
7月前
|
设计模式 前端开发 数据可视化
【第4期】一文了解React UI 组件库
【第4期】一文了解React UI 组件库
372 0
|
7月前
|
存储 前端开发 JavaScript
【第34期】一文学会React组件传值
【第34期】一文学会React组件传值
78 0
|
7月前
|
前端开发
【第31期】一文学会用React Hooks组件编写组件
【第31期】一文学会用React Hooks组件编写组件
81 0
|
7月前
|
资源调度 前端开发 JavaScript
React 的antd-mobile 组件库,嵌套路由
React 的antd-mobile 组件库,嵌套路由
124 0