Ant-design: Arbre dynamique avec antd Tree & TreeNode

Créé le 22 janv. 2017 · 3Commentaires · Source: ant-design/ant-design

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

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

Il semble que l'arborescence des fourmis ne soit pas orientée vers la dynamique/les composants. Il n'y a aucun moyen de retourner un treenode sans rencontrer des erreurs comme TypeError: props.filterTreeNode is not a function .

Je ne sais pas comment résoudre ce problème. Chaque composant feuille doit être réactif, il n'y a aucun moyen d'obtenir toutes les données imbriquées à l'avance, sauf si je rends l'arbre entier pour chaque changement, ce qui n'est pas possible en raison de problèmes de performances.

Source

drcmda

Commentaire le plus utile

@yesmeck @benjycui @warmhug
Y a-t-il une chance que le TreeNode devienne une classe autonome et composable ? Comme Tree et TreeNode sont des classes distinctes dans rc-tree , cela devrait être possible ou ai-je tort ?

J'apprécierais vraiment que les TreeNode soient une classe autonome car cela offrirait beaucoup de possibilités et se sentirait plus "réactif".

KaiVolland le 13 sept. 2017

👍15

Tous les 3 commentaires

Bonjour @drcmda , TreeNode ne peut pas être composé avec l'architecture actuelle.

Remplacez votre code par :

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

yesmeck le 3 févr. 2017

👎11

@yesmeck J'ai bien peur que ce ne soit pas possible, car cela signifierait que j'ai besoin d'avoir la structure imbriquée au préalable, mais seuls les composants imbriqués connaissent leurs sous-composants (ils sont liés à l'état). J'ai fini par écrire mon propre arbre, cependant. J'ai bon espoir que cela sera résolu un jour. :)

drcmda le 17 févr. 2017

J'apprécierais vraiment que les TreeNode soient une classe autonome car cela offrirait beaucoup de possibilités et se sentirait plus "réactif".

KaiVolland le 13 sept. 2017

👍15

Cette page vous a été utile?

0 / 5 - 0 notes