首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    React 折腾记 - (4) 侧边栏联动Tabs菜单-增强版(结合Mobx)

    简化了代码逻辑和代码量,重写了一遍,执行逻辑和上个版本有所差异; 上个版本 :React 折腾记 - (3) 结合Mobx实现一个比较靠谱的动态tab水平菜单,同时关联侧边栏 ---- 效果图 ?.../mobx/mobx-react/react ---- 实现思路 把遍历匹配的扔到状态里面去匹配,可以减少挺多代码量 从布局容器触发匹配(这样初始化就能让动态菜单正常) 借助getDerivedStateFromProps...和getSnapshotBeforeUpdate这类React 16.3+的特性实现侧边栏联动 动态菜单只操作mobx共享状态 ---- 代码 布局缓存活动路由的关键代码 // 路由容器那个组件...) { this.props.rstat.searchRoute(this.props.location.pathname); } } 侧边栏...= [this.currentRouteInfo]; } else { return false; } }; // 获取当前激活的

    4.5K41

    页面侧边栏:使用自定义模板标签

    我们的博客侧边栏有四项内容:最新文章、归档、分类和标签云。...函数就这么简单,但目前它还只是一个纯 Python 函数,Django 在模板中还不知道该如何使用它。...Django 1.9 以前的版本如何自定义模板标签这里不再赘述。 归档模板标签 和最新文章模板标签一样,先写好函数,然后将函数注册为模板标签即可。...register.simple_tag def get_categories(): # 别忘了在顶部引入 Category 类 return Category.objects.all() 尽管侧边栏有...现在运行开发服务器,可以看到侧边栏显示的数据已经不再是之前的占位数据,而是我们保存在数据库中的数据了。 注意:如果你按照教程的步骤做完后发现报错,请按以下顺序检查。 检查目录结构是否正确。

    2.3K60
    领券