Ant-design: Pohon Dinamis dengan antd Tree & TreeNode

Dibuat pada 22 Jan 2017 · 3Komentar · Sumber: ant-design/ant-design

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

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

Sepertinya pohon semut tidak dinamis/berorientasi komponen. Tidak ada cara untuk mengembalikan simpul pohon tanpa mengalami kesalahan seperti TypeError: props.filterTreeNode is not a function .

Saya tidak tahu bagaimana menyelesaikan ini. Setiap komponen daun harus reaktif, tidak mungkin saya bisa mendapatkan semua data bersarang sebelumnya, kecuali saya membuat seluruh pohon untuk setiap perubahan, yang tidak mungkin karena masalah kinerja.

Sumber

drcmda

Komentar yang paling membantu

@yesmeck @benjycui @warmhug
Apakah ada kemungkinan bahwa TreeNode akan menjadi kelas yang berdiri sendiri dan dapat dikomposisi? Karena Tree dan TreeNode adalah kelas yang terpisah di rc-tree ini harus dimungkinkan atau apakah saya salah?

Saya akan sangat menghargai TreeNode untuk menjadi kelas yang berdiri sendiri karena akan menawarkan banyak kemungkinan dan akan terasa lebih "bereaksi".

KaiVolland pada 13 Sep 2017

👍15

Semua 3 komentar

Halo @drcmda , TreeNode tidak dapat dibuat dengan arsitektur saat ini.

Ubah kode Anda menjadi:

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

yesmeck pada 3 Feb 2017

👎11

@yesmeck Saya khawatir itu tidak mungkin, karena itu berarti saya harus memiliki struktur bersarang sebelumnya, tetapi hanya komponen bersarang yang mengetahui subkomponennya (mereka terikat dengan status). Saya akhirnya menulis pohon saya sendiri. Saya berharap ini akan ditangani suatu hari nanti. :)

drcmda pada 17 Feb 2017

Saya akan sangat menghargai TreeNode untuk menjadi kelas yang berdiri sendiri karena akan menawarkan banyak kemungkinan dan akan terasa lebih "bereaksi".

KaiVolland pada 13 Sep 2017

👍15

Apakah halaman ini membantu?

0 / 5 - 0 peringkat