React提示列表需唯一key属性，却未发现重复或缺失项该如何排查？

• 优先检查Marker组件内部的列表：你给外层Marker加了key，但如果它内部有循环生成的子元素（比如数组map出来的组件）没设置唯一key，React的警告会溯源到外层的Step组件，因为警告是从列表渲染的上下文抛出的。
• 确认Step组件对其子元素的处理逻辑：有些封装好的Step组件内部会对子元素做遍历、重组，可能会导致你给Marker设的key没被正确传递到React的列表渲染流程里。可以查看Step的源码，看它是否会修改子元素的key属性，或者是否要求子元素的key必须符合特定规则。
• 验证key的有效性：控制台快照显示key无重复，但要注意key不能用index（除非列表不会重排），也不能用不稳定的值（比如随机数、组件内部的临时状态）。另外，确保key是字符串或数字类型，别用对象或其他复杂类型。
• 做最小化测试：把Marker替换成一个最简单的带key的组件（比如<div key="test-marker">测试</div>），如果警告消失，说明原Marker内部有未处理的列表key问题；如果警告还存在，就去检查Step组件本身的渲染逻辑，看是否在Step内部有未加key的动态列表。

内容的提问来源于stack exchange，提问作者biscuitstack