接上上篇,本节来在列表左侧增加个分类树。这涉及到一个布局的调整,可以使用已应用过的 ProTable中 Toolbar表格主题自定义
或者未曾使用过的 ProCard 高级卡片中的左右结构
然后基于新的布局,分组数据绑定组件直接使用Antd的树形结构 Tree
本篇内容练手的重点就在这个树组件的选中,增加,删除和修改。数据表单操作沿用项目管理的弹窗形式。对于Tree其中两点需要额外说明:
最终的实现效果通过通过一个GIF演示
依照此篇《公众号终于有了留言互动,但我却没了更新动力》公众号将上将不再,贴巨量代码和小白文案。本篇实现的代码已经在开源代码项目上创建chapter20分支,大家可以下载分支参考实现此部分代码。