BlueprintJS Tree添加关键道具

时间:2017-06-05 22:53:52

标签: reactjs web-component blueprintjs

我正在为我的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这棵树的简单结构给了我警告。有什么建议吗?

1 个答案:

答案 0 :(得分:1)

我假设node被传递到Tree所需的contents道具。如果您查看ITreeNodeInterface,您会发现您的对象缺少必需的字段数。您必须具备以下条件:

  • depth
  • id
  • label
  • path(如果确实需要这样做是有疑问的:请参阅此ticket

您似乎缺少depthidpath。我不确定path是否真的需要,但对于初学者,您可以尝试将depth: 0id: 1e添加到您的对象中吗?您可以摆脱key,因为这是可选的。

顺便说一句,这个警告不是那么无害。它通常会导致神秘的React行为,因为它无法确定哪些组件实际需要更新。