Antd Tree：我想默认禁用检查子项

Question

我正在使用 React 和 Antd 并使用 Tree 组件，我有我的树数据，我希望能够只检查父母，当我检查父母时，他的所有孩子也会被检查，但我不想只能检查父母的一些孩子.. 我可以禁用孩子的选中功能并仅向父母显示它吗？

这是我的代码

谢谢

Answer 1

您必须仅为 children 节点添加一个属性 checkable: false，不要用于父节点，到您的数据 treeData，

const treeData = [
  {
    title: "0-0",
    key: "0-0",
    children: [
      {
        checkable: false,
        title: "0-0-0",
        key: "0-0-0",
        children: [
          {
            title: "0-0-0-0",
            key: "0-0-0-0"
          },
          {
            title: "0-0-0-1",
            key: "0-0-0-1"
          },
          {
            title: "0-0-0-2",
            key: "0-0-0-2"
          }
        ]
      },
      {
        checkable: false,
        title: "0-0-1",
        key: "0-0-1",
        children: [
          {
            title: "0-0-1-0",
            key: "0-0-1-0"
          },
          {
            title: "0-0-1-1",
            key: "0-0-1-1"
          },
          {
            checkable: false,
            title: "0-0-1-2",
            key: "0-0-1-2"
          }
        ]
      },
      {
        title: "0-0-2",
        key: "0-0-2"
      }
    ]
  },
  {
    title: "0-1",
    key: "0-1",
    children: [
      {
        checkable: false,
        title: "0-1-0-0",
        key: "0-1-0-0"
      },
      {
        checkable: false,
        title: "0-1-0-1",
        key: "0-1-0-1"
      },
      {
        checkable: false,
        title: "0-1-0-2",
        key: "0-1-0-2"
      }
    ]
  },
  {
    title: "0-2",
    key: "0-2"
  }
];

工作代码 < a href="https://codesandbox.io/s/control-tree-antd-4-18-9-forked-i52zr8?file=/index.js" rel="nofollow noreferrer">https://codesandbox.io/s/control-tree-antd-4-18-9-forked-i52zr8?file=/index.js