使用reactjs删除验证码警告

我正在使用reactjs和ant设计制作验证码。它的代码正在工作，只是有一个警告，我无法解决

看来这在将来会是个问题

谢谢

希望你能理解我

警告：遇到两个具有相同密钥的子项，u。钥匙应该 保持唯一性，以便组件在更新过程中保持其标识。 非唯一键可能会导致复制和/或忽略子项- 该行为不受支持，可能在将来的版本中更改

---

如果任何字符相同，则number.toString将相同，如果键不唯一，则会显示警告

确保键唯一的另一种方法是在map函数中传递索引，因此更改：

const listItems = numbers.map(number => (
    <div key={number.toString()}>{number}</div>
)); 

致：

const listItems = numbers.map(number => (
    <div key={number.toString()}>{number}</div>
)); 

const listItems = numbers.map((number, index) => (
    <div key={index}>{number}</div>
));