React开发（184）:ant design Tree树形控件

最新推荐文章于 2024-08-23 08:00:17 发布

前端小歌谣

最新推荐文章于 2024-08-23 08:00:17 发布

阅读量632

点赞数

文章标签： react.js

本文链接：https://blog.csdn.net/weixin_43392489/article/details/120820531

版权

本文详细介绍了在React应用中如何使用Ant Design的Tree树形控件。通过示例代码展示了如何创建和渲染TreeNode，以及如何处理数据引用。

摘要由CSDN通过智能技术生成

<TreeNode title={item.title} key={item.key} dataRef={item}> {this.renderTreeNodes(item.children)} </TreeNode>

const { TreeNode } = Tree;

const treeData = [
  {
    title: '0-0',
    key: '0-0',
    children: [
      {
        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' },
        ],
      },
      {
        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' },
          { title: '0-0-1-2', key