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



相关文章
|
6月前
|
前端开发
React中如何跳转页面传参(参数较短
React中如何跳转页面传参(参数较短
42 0
|
7月前
|
JSON 前端开发 数据处理
React中如何跳转页面传参localStorage和sessionStorage(参数较长)
React中如何跳转页面传参localStorage和sessionStorage(参数较长)
56 0
|
7月前
|
前端开发
#yyds干货盘点 【React工作记录三十五】ant design中默认回调加入参数
#yyds干货盘点 【React工作记录三十五】ant design中默认回调加入参数
40 0
|
9月前
|
JSON 前端开发 数据处理
#yyds干货盘点 【React工作记录四】React中如何跳转页面传参localStorage和sessionStorage(参数较长)
#yyds干货盘点 【React工作记录四】React中如何跳转页面传参localStorage和sessionStorage(参数较长)
62 0
|
9月前
|
JSON 前端开发 数据格式
#yyds干货盘点 【React工作记录十二】前端对接口参数错误如何解决
#yyds干货盘点 【React工作记录十二】前端对接口参数错误如何解决
122 0
|
9月前
|
前端开发
#yyds干货盘点 【React工作记录三】React中如何跳转页面传参(参数较短)
#yyds干货盘点 【React工作记录三】React中如何跳转页面传参(参数较短)
66 0
|
10月前
|
前端开发
react实战笔记169:参数与钩子1
react实战笔记169:参数与钩子1
39 0
react实战笔记169:参数与钩子1
|
10月前
|
前端开发
react实战笔记170:参数与钩子2
react实战笔记170:参数与钩子2
32 0
react实战笔记170:参数与钩子2
|
11月前
|
前端开发
React中 函数式组件的参数写{children} 和直接写props.children的区别?
React中 函数式组件的参数写{children} 和直接写props.children的区别?
React中 函数式组件的参数写{children} 和直接写props.children的区别?
|
前端开发
react实战笔记115:react中usecallback的参数使用
react实战笔记115:react中usecallback的参数使用
43 0
react实战笔记115:react中usecallback的参数使用
相关产品
云迁移中心
推荐文章
更多