Ant-design: एंटडी ट्री और ट्रीनोड के साथ डायनामिक ट्री

को निर्मित 22 जन॰ 2017 · 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>

ऐसा लगता है कि चींटी का पेड़ गतिशील/घटक उन्मुख नहीं है। TypeError: props.filterTreeNode is not a function जैसी त्रुटियों में भागे बिना ट्रीनोड वापस करने का कोई तरीका नहीं है।

मुझे नहीं पता कि इसे कैसे हल किया जाए। प्रत्येक पत्ती घटक प्रतिक्रियाशील होना चाहिए, कोई रास्ता नहीं है कि मैं पहले से सभी नेस्टेड डेटा प्राप्त कर सकता हूं, जब तक कि मैं प्रत्येक परिवर्तन के लिए पूरे पेड़ को प्रस्तुत नहीं करता, जो प्रदर्शन चिंताओं के कारण संभव नहीं है।

स्रोत

drcmda

सबसे उपयोगी टिप्पणी

@yesmeck @benjycui @warmhug
क्या कोई मौका है कि TreeNode एक स्टैंडअलोन और कंपोज़ेबल क्लास बन जाएगा? चूंकि Tree और TreeNode rc-tree #$ में अलग-अलग वर्ग हैं, यह संभव होना चाहिए या क्या मैं गलत हूं?

मैं वास्तव में एक स्टैंडअलोन वर्ग होने के लिए TreeNode की सराहना करता हूं क्योंकि यह बहुत सारी संभावनाएं प्रदान करेगा और अधिक "प्रतिक्रिया" महसूस करेगा।

KaiVolland 13 सित॰ 2017

👍15

सभी 3 टिप्पणियाँ

नमस्ते @drcmda , TreeNode को वर्तमान आर्किटेक्चर के साथ नहीं बनाया जा सकता है।

अपना कोड इसमें बदलें:

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

yesmeck 3 फ़र॰ 2017

👎11

@yesmeck मुझे डर है कि यह संभव नहीं है, क्योंकि इसका मतलब यह होगा कि मुझे पहले से नेस्टेड संरचना की आवश्यकता है, लेकिन केवल नेस्टेड घटक अपने उप-घटकों को जानते हैं (वे राज्य से बंधे हैं)। हालाँकि, मैंने अपना खुद का पेड़ लिखना समाप्त कर दिया। मुझे उम्मीद है कि एक दिन इस पर ध्यान दिया जाएगा। :)

drcmda 17 फ़र॰ 2017

KaiVolland 13 सित॰ 2017

👍15

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Ant-design: एंटडी ट्री और ट्रीनोड के साथ डायनामिक ट्री

सबसे उपयोगी टिप्पणी

सभी 3 टिप्पणियाँ

संबंधित मुद्दों