All files / src/tree/_example TreeExample.jsx

50% Statements 2/4
100% Branches 0/0
50% Functions 1/2
50% Lines 2/4

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29        1x 1x                                              
import React, { useState } from "react";
import { Tree } from "@tencent/tea-component/lib/tree";
 
export default function TreeExample() {
  const [selectIds, setSelectIds] = useState(["0-0-0-1"]);
  return (
    <Tree
      selectable
      selectedIds={selectIds}
      onSelect={(value, context) => {
        console.log(value, context);
        setSelectIds(value);
      }}
      defaultExpandedIds={["0-0", "0-0-0"]}
    >
      <Tree.Node id="0-0" content="0-0">
        <Tree.Node id="0-0-0" content="0-0-0">
          <Tree.Node id="0-0-0-1" content="0-0-0-1" />
          <Tree.Node id="0-0-0-2" content="0-0-0-2" />
        </Tree.Node>
        <Tree.Node id="0-0-1" content="0-0-1">
          <Tree.Node id="0-0-1-1" content="0-0-1-1" />
          <Tree.Node id="0-0-1-2" content="0-0-1-2" />
        </Tree.Node>
      </Tree.Node>
    </Tree>
  );
}