Wisteria's blog

标签 · React

首页

关于

归档

友链

ReactFE

如何通过 React 钩子取代容器组件

容器组件是提供、创建和持有数据并服务于子组件的组件,其唯一的工作是处理数据,而将展示 UI 的工作交给展示组件。而处理数据的工作的逻辑不止能直接写在容器组件中,其实也可以被封装成一个 hooks,再被容器组件调用,从而使这部分逻辑抽离、语义化并易于维护。

更多
ReactCSSreact-router-domreact-transition-group

react-router(v6) + react-transition-group 实现路由切换动效

其实早在五月的时候就研究过这个,网上基本上是 router-v5 版本的 demo,而 v6 版本废弃了不少 v5 版本的 api,其中就包括 demo 里用到的。当时想模仿 demo 进行实现,可惜实现的效果并不尽人意,只做到了路由进入的动效。如果加上路由退出的效果,会出现闪烁的现象。然而由于忙着准备期末,就没有再深入。今天来完善一下之前的探究。

更多
12