Reactjs 独特的；“关键”；道具警告，但用于按钮值，而不是标准的子elm

我有一个按钮，它的值根据状态而变化。其中一个实例将字符串和对象组合到一个数组中。我在渲染时收到“关键点”警告，但是，我不知道如何设置“关键点”的值

下面我已经包含了一段相关的代码来说明我在做什么。代码周围没有循环，这就是我之前看到的关键需求

代码实际上运行良好，在按钮字段中切换值，但是，我在控制台中收到了恼人的警告

错误是“警告：列表中的每个子项都应具有唯一的“键”属性。”

const[saveBtTxt，setSaveBtText]=useState（[“保存过滤器]）；
const saveFilter=（e）=>{
if（showFilterField）{
setSaveBtText（[“已保存”，]））
}
setFilterField（真）；
}
返回(
)

尝试向

{
if（showFilterField）{
setSaveBtText（[“已保存”，]））
}
setFilterField（真）；
}
返回(
)

可能的重复不是重复，严格来说是坦克斯戴尔。成功了。奇怪的是，它与另一个实例有问题，因为文档中的其他地方有另一个对象，但不是这个对象的兄弟。我的假设是，只有在与兄弟姐妹打交道时才需要钥匙，这似乎是错误的。

const [ saveBtTxt, setSaveBtText ] = useState(["Save Filter"]);

const saveFilter = (e) => {
    if(showFilterField) {
      setSaveBtText(["Saved ",<FontAwesomeIcon icon={["far","check"]} />])
    }
    setFilterField(true);
  }

return (
<Button className="outline" label={saveBtTxt} clickHandler={saveFilter} />
)

const [ saveBtTxt, setSaveBtText ] = useState(["Save Filter"]);

const saveFilter = (e) => {
    if(showFilterField) {
      setSaveBtText(["Saved ",<FontAwesomeIcon key="1-saved" icon={["far","check"]} />])
    }
    setFilterField(true);
  }

return (
<Button className="outline" label={saveBtTxt} clickHandler={saveFilter} />
)