如何自定义key作为Item唯一标识?

来源:4-12 【学习任务】完成 Alert 组件

慕粉2215004240

2021-05-04

请问 antd 的menuItem是以key作为自定义唯一标识的,现在的menuItem都是标识固定由index生成,怎样实现自定义使用key作为唯一标识呢?

写回答

2回答

张轩

2021-05-06

谢谢同学指正 昨天想简单了 今天看了源代码 发现它其实和我们的处理方法类似的 就是讲所有的 children 都处理了一遍,然后讲 key 这个属性复制到另外一个属性 eventKey 上了,然后就可以使用 eventKey 这个属性了。

代码可以参见 https://github.com/react-component/menu/blob/6e0849a0b8996ff9fc5b07b6114edcfa7b052eed/src/utils/nodeUtil.ts#L22


0
0

张轩

2021-05-05

同学你好 我觉得自定义key 更简单一些吧 直接定义一个 key 的属性,传入到子组件就可以了啊~

0
1
慕粉2215004240
你好 key是不能作为props传入到子组件的
2021-05-05
共1条回复

React18+TS高仿AntD从零到一打造组件库

设计,开发,测试,发布再到 CI/CD,从0到1造轮子

2123 学习 · 959 问题

查看课程