Ant-design: antd Tree 및 TreeNode가 있는 동적 트리

에 만든 2017년 01월 22일 · 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 에 2017년 09월 13일

👍15

모든 3 댓글

@drcmda님 안녕하세요, TreeNode 는 현재 아키텍처로 구성할 수 없습니다.

코드를 다음과 같이 변경합니다.

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

yesmeck 에 2017년 02월 03일

👎11

@yesmeck 미리 중첩된 구조가 필요하지만 중첩된 구성 요소만 하위 구성 요소를 알고 있기 때문에 가능하지 않습니다(상태에 묶여 있음). 나는 결국 내 자신의 나무를 작성했습니다. 나는 이것이 언젠가 해결될 것이라는 희망을 가지고 있습니다. :)

drcmda 에 2017년 02월 17일

TreeNode 가 독립형 클래스가 된다면 정말 감사할 것입니다. 많은 가능성을 제공하고 더 "반응적인" 느낌을 주기 때문입니다.

KaiVolland 에 2017년 09월 13일

👍15

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Ant-design: antd Tree 및 TreeNode가 있는 동적 트리

가장 유용한 댓글

모든 3 댓글

관련 문제