我正在为我的ReactJS webapp使用BlueprintJS UI组件。 我想在使用Tree组件呈现文件资源管理器时删除警告:
Each child in an array or iterator should have a unique "key" prop. Check the render method of "Tree"
在documentation of the Tree component我可以找到key
属性,这可能是我要找的东西,但我无法收到警告。
node: [
{
hasCaret: true,
iconName: "folder-close",
label: "Folder 0",
key: '1e'
}
]
Eveb这棵树的简单结构给了我警告。有什么建议吗?
答案 0 :(得分:1)
我假设node
被传递到Tree
所需的contents
道具。如果您查看ITreeNodeInterface,您会发现您的对象缺少必需的字段数。您必须具备以下条件:
depth
id
label
path
(如果确实需要这样做是有疑问的:请参阅此ticket)您似乎缺少depth
,id
和path
。我不确定path
是否真的需要,但对于初学者,您可以尝试将depth: 0
和id: 1e
添加到您的对象中吗?您可以摆脱key
,因为这是可选的。
顺便说一句,这个警告不是那么无害。它通常会导致神秘的React行为,因为它无法确定哪些组件实际需要更新。