Reactjs React js，映射到数组时关于键的错误

我有一个数组。我用地图来显示它的反应。我不知道为什么会在钥匙上出错。你知道为什么会出现这个错误吗

{
    this.state.buttons.map((button, index) => {
       return (
       <>
         {index % 4 === 0 && (
           <div key={`break-${index}`} className="w-100" />
         )}
         <Button key={index} char={button} click={this.pushString} />
       </>
     )
})}

密钥必须是唯一的。将索引作为键传递

---

密钥必须是唯一的。将索引作为键传递这里的问题是您将索引传递给了div，而div不是映射中返回的顶级组件-您的React片段是

这里的快速解决办法是给它钥匙。但是，由于短语法不支持任何属性，因此需要使用较长的显式语法在此处声明键：

<React.Fragment key={index}>

---

这里的问题是，您将索引传递给了div，而div不是映射中返回的顶级组件-您的React片段是

这里的快速解决办法是给它钥匙。但是，由于短语法不支持任何属性，因此需要使用较长的显式语法在此处声明键：

<React.Fragment key={index}>

---

我做不到，bootstrap在我做的时候哭了。没什么，但是布局被破坏了：/@ukaszKlejszta，可能是因为这个答案中的div是你以前没有的？我做不到，bootstrap在我做的时候哭了。没什么，但是布局被破坏了：/@Ukaszklejsta，也许它坏了是因为这个答案中的div是你以前没有的？可能重复的可能重复的