唯一的“键”道具警告，但对于按钮值，不是标准的子榆树。
唯一的“键”道具警告，但对于按钮值，不是标准的子榆树。
提问于 2019-03-24 18:57:53
我有一个按钮，它的值是根据状态变化的。其中一个实例将字符串和Fontawesome对象组合到数组中。在呈现时，我得到了键警告，但是，我不知道如何设置值的键。
下面我已经包含了相关代码的片段，以说明我正在做什么。没有围绕代码的循环，这也是我之前看到过的关键需求。
代码实际上工作正常，切换按钮字段中的值，但是，我在控制台中得到了恼人的警告。
错误是“警告:列表中的每个子项目都应该有一个唯一的"key”支柱.。
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} />
)回答 1
Stack Overflow用户
回答已采纳
发布于 2019-03-24 19:06:56
尝试向<FontAwesomeIcon ...对象添加一个键，如下所示：
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} />
)页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55330711
复制相关文章
相似问题
腾讯云开发者
