Ant-design: Árvore dinâmica com antd Tree e TreeNode

Criado em 22 jan. 2017 · 3Comentários · Fonte: ant-design/ant-design

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

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

Parece que a árvore de formigas não é dinâmica/orientada a componentes. Não há como retornar um treenode sem encontrar erros como TypeError: props.filterTreeNode is not a function .

Eu não sei como resolver isso. Cada componente folha deve ser reativo, não há como obter todos os dados aninhados de antemão, a menos que renderize a árvore inteira para cada alteração, o que não é possível devido a problemas de desempenho.

Fonte

drcmda

Comentários muito úteis

@yesmeck @benjycui @warmhug
Existe alguma chance de que o TreeNode se torne uma classe autônoma e combinável? Como Tree e TreeNode são aulas separadas em rc-tree isso deve ser possível ou estou errado?

Eu realmente apreciaria o TreeNode para ser uma aula independente, pois ofereceria muitas possibilidades e seria mais "reagir".

KaiVolland em 13 set. 2017

👍15

Todos 3 comentários

Olá @drcmda , TreeNode não pode ser composto com a arquitetura atual.

Altere seu código para:

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

yesmeck em 3 fev. 2017

👎11

@yesmeck Receio que isso não seja possível, porque isso significaria que eu preciso ter a estrutura aninhada de antemão, mas apenas os componentes aninhados conhecem seus subcomponentes (eles estão vinculados ao estado). Acabei escrevendo minha própria árvore, no entanto. Eu tenho minhas esperanças que isso será abordado um dia. :)

drcmda em 17 fev. 2017

Eu realmente apreciaria o TreeNode para ser uma aula independente, pois ofereceria muitas possibilidades e seria mais "reagir".

KaiVolland em 13 set. 2017

👍15

Esta página foi útil?

0 / 5 - 0 avaliações