React Salt - Tree 组件

你想要什么样的Tree？

• 展示特定数据结构的数据，可以设置默认值、选定值，选定的可以张开
• 动态数据结构，可以设置默认值、选定值
• 以上两种，可以绑定特定事件
• 实现手风琴功能

组件

数据上理解为单个条目和列表条目。

列表条目

列表条目在数据层面是数组，每一项是单个条目。

单个条目

数据格式:

• name: 显示名
• href: 点击跳转的目标
• icon: 当前条目可以自带显示
• children: 当前条目的子目录，子目录格式和列表条目一样
• content: 表现为手风琴

[{
    name: 'GitHub'
    href: 'github.com/Sobranier',
    icon: 'glyphicon-film'
    children: []
}]

其他API

• dynamic: 是否接受外界新数据，默认为true，设置为false则不再接受外界新数据
• open: 初始状态是否展开
• opened: 组件默认全部展开，且点击不折叠
• className: 自定义类名，将会附加在组件默认类后
• selectKey: 使用哪一个属性进行匹配,默认是href
• selected: 选中的值