Ant-design: Árbol dinámico con antd Tree y TreeNode

Creado en 22 ene. 2017  ·  3Comentarios  ·  Fuente: 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 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.

Comentario más útil

@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".

Todos 3 comentarios

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".

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

taikongfeizhu picture taikongfeizhu  ·  3Comentarios

plandem picture plandem  ·  3Comentarios

longhuasishen picture longhuasishen  ·  3Comentarios

mineralres picture mineralres  ·  3Comentarios

tangsj picture tangsj  ·  3Comentarios