const Leaf = ({ id }) => <Tree.TreeNode title={doing something dynamic here} />
...
<Tree>
{ instances.map(instance => <Leaf key={instance} id={instance} />) }
</Tree>
Parece que el árbol de hormigas no está orientado a componentes/dinámico. No hay forma de devolver un nodo de árbol sin encontrar errores como TypeError: props.filterTreeNode is not a function
.
No sé cómo resolver esto. Cada componente de hoja debe ser reactivo, no hay forma de que pueda obtener todos los datos anidados de antemano, a menos que represente el árbol completo para cada cambio, lo cual no es posible debido a problemas de rendimiento.
Hola @drcmda , TreeNode
no se puede componer con la arquitectura actual.
Cambia tu código a:
<Tree>
{ instances.map(instance =>
<Tree.TreeNode key={instance} title={doing something dynamic here} />)
}
</Tree>
@yesmeck Me temo que eso no es posible, porque significaría que necesito tener la estructura anidada de antemano, pero solo los componentes anidados conocen sus subcomponentes (están vinculados al estado). Sin embargo, terminé escribiendo mi propio árbol. Tengo mis esperanzas de que esto se abordará algún día. :)
@yesmeck @benjycui @warmhug
¿Existe alguna posibilidad de que TreeNode se convierta en una clase independiente y componible? Como Tree
y TreeNode
son clases separadas en rc-tree
esto debería ser posible o ¿me equivoco?
Realmente apreciaría que TreeNode
sea una clase independiente, ya que ofrecería muchas posibilidades y se sentiría más "reactivo".
Comentario más útil
@yesmeck @benjycui @warmhug
¿Existe alguna posibilidad de que TreeNode se convierta en una clase independiente y componible? Como
Tree
yTreeNode
son clases separadas enrc-tree
esto debería ser posible o ¿me equivoco?Realmente apreciaría que
TreeNode
sea una clase independiente, ya que ofrecería muchas posibilidades y se sentiría más "reactivo".