Ant-design: 具有 antd Tree 和 TreeNode 的动态树

创建于 2017-01-22  ·  3评论  ·  资料来源: ant-design/ant-design

const Leaf = ({ id }) => <Tree.TreeNode title={doing something dynamic here} />

...
<Tree>
    { instances.map(instance => <Leaf key={instance} id={instance} />) }
</Tree>

看起来蚂蚁树不是动态/面向组件的。 如果不遇到TypeError: props.filterTreeNode is not a function之类的错误,就无法返回树节点。

我不知道如何解决这个问题。 每个叶子组件都必须是响应式的,我无法事先获取所有嵌套数据,除非我为每次更改渲染整个树,由于性能问题,这是不可能的。

最有用的评论

@yesmeck @benjycui @warmhug
TreeNode 是否有可能成为一个独立且可组合的类? 由于TreeTreeNoderc-tree $ 中的单独类,这应该是可能的还是我错了?

我真的很感谢TreeNode是一个独立的课程,因为它会提供很多可能性并且会感觉更“反应灵敏”。

所有3条评论

你好@drcmdaTreeNode不能与当前架构组合。

将您的代码更改为:

<Tree>
    { instances.map(instance => 
      <Tree.TreeNode key={instance} title={doing something dynamic here} />) 
    }
</Tree>

@yesmeck恐怕这是不可能的,因为这意味着我需要事先拥有嵌套结构,但只有嵌套组件知道它们的子组件(它们与状态相关联)。 不过,我最终写了自己的树。 我希望有一天能解决这个问题。 :)

@yesmeck @benjycui @warmhug
TreeNode 是否有可能成为一个独立且可组合的类? 由于TreeTreeNoderc-tree $ 中的单独类,这应该是可能的还是我错了?

我真的很感谢TreeNode是一个独立的课程,因为它会提供很多可能性并且会感觉更“反应灵敏”。

此页面是否有帮助?
0 / 5 - 0 等级