![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 95
起伏羊
少壮不努力 老大徒伤悲
展开
-
【React】React Hooks解析
自定义Hook本质上只是一种函数代码逻辑的抽取,严格意义上来说,它本身并不算React的特性。需求:所有的组件在创建和销毁时都进行打印口 组件被创建:打印 组件被创建了;口 组件被销毀:打印 组件被销段了;console . log(cname + '组件被创建~');console . log(cname + '组件被销毁!');});});});原创 2023-06-29 16:14:41 · 899 阅读 · 0 评论 -
【React】React-Router路由
React Router在最近两年版本更新的较快,并且在最新的React Router6.x版本中发生了较大的变化。口 在早期的时候,Router并且没有提供相关的API,我们需要借助于react-router-config完成;HashRouter使用hash模式;当然,如果你担心这个class在其他地方被使用了,出现样式的层叠,也可以自定义class。口 Router中包含了对路径改变的监听,并且会将相应的路径传递给子组件;目前我们所有的路由定义都是直接使用Route组件,并且添加属性来完成的。原创 2023-06-26 18:26:51 · 794 阅读 · 0 评论 -
【Redux】redux的使用详解
为什么要使用redux? JavaScript开发的应用程序,已经变得越来越复杂了:JavaScript需要管理的状态越来越多,越来越复杂;这些状态包括:服务器返回的数据、缓存数据、用户操作产生的文件数据等等,也包括一些 UI的状态,比如某些元素是否被选中,是否显示加载动效,当前分页;管理不断变化的state是非常困难的:Redux就是一个帮助我们管理State的容器:Redux是 JavaScript的状态容器,提供了可预测的状态管理**。原创 2023-06-21 20:15:43 · 4678 阅读 · 0 评论 -
【 React】React 组件化开发
/ 1. 定义一个类组件render() {在es6中,类表达式中类名是可以省略的;组件的名称都可以通过displayName来修改高阶组件并不是React API 的一部分,它是基于React的组合特性而形成的设计模式;比如: redux中的connect;比如:react-router中的withRouter;在开发中,我们想要给一个组件的显示和消失添加某种过渡动画,可以很好的增加用户体验。原创 2023-06-19 11:04:46 · 1529 阅读 · 1 评论