Ant-design: شجرة ديناميكية مع antd Tree & TreeNode

تم إنشاؤها على ٢٢ يناير ٢٠١٧  ·  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>

يبدو أن شجرة النمل ليست ديناميكية / موجهة للمكونات. لا توجد طريقة لإرجاع treenode دون الوقوع في أخطاء مثل TypeError: props.filterTreeNode is not a function .

لا أعرف كيف أحل هذا. يجب أن يكون كل مكون طرفية تفاعليًا ، ولا توجد طريقة يمكنني من خلالها الحصول على جميع البيانات المتداخلة مسبقًا ، ما لم أقوم بعرض الشجرة بأكملها لكل تغيير ، وهو أمر غير ممكن بسبب مخاوف تتعلق بالأداء.

التعليق الأكثر فائدة

تضمين التغريدة
هل هناك أي احتمال أن تصبح TreeNode فئة قائمة بذاتها وقابلة للتكوين؟ نظرًا لأن Tree و TreeNode فصول منفصلة في rc-tree ، يجب أن يكون هذا ممكنًا أم أنني مخطئ؟

سأقدر حقًا أن يكون TreeNode فئة قائمة بذاتها لأنها ستوفر الكثير من الاحتمالات وستشعر بمزيد من "التفاعل".

ال 3 كومينتر

مرحبًا drcmda ، لا يمكن تكوين TreeNode مع البنية الحالية.

قم بتغيير الكود الخاص بك إلى:

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

yesmeck أخشى أن هذا غير ممكن ، لأن هذا يعني أنني بحاجة إلى بنية متداخلة مسبقًا ، لكن المكونات المتداخلة فقط هي التي تعرف مكوناتها الفرعية (وهي مرتبطة بالحالة). انتهى بي الأمر بكتابة شجرتى الخاصة. لدي آمالي في أن يتم التعامل مع هذا يومًا ما. :)

تضمين التغريدة
هل هناك أي احتمال أن تصبح TreeNode فئة قائمة بذاتها وقابلة للتكوين؟ نظرًا لأن Tree و TreeNode فصول منفصلة في rc-tree ، يجب أن يكون هذا ممكنًا أم أنني مخطئ؟

سأقدر حقًا أن يكون TreeNode فئة قائمة بذاتها لأنها ستوفر الكثير من الاحتمالات وستشعر بمزيد من "التفاعل".

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات