一、react-hooks概念 　　React中一切皆为组件，React中组件分为类组件和函数组件，在React中如果需要记录一个组件的状态的时候，那么这个组件必须是类组件。那么能否让函数组件拥有类组件的功能？这个时候我们就需要使用hooks。　　Hooks让我们的函数组件拥有了类似类组件 ...

一、安装 二、为什么使用 redux-actions reducer使用switch case语句进行action类型判断，当action很多时候，reducer内容就不那么直观了。redux-actions简化了reducer和action的联系 ...

一、官网地址　　https://www.styled-components.com/ 二、styled-components 　　1、styled-components 样式化组件，主要作用是它可以编写实际的CSS代码来设计组件样式，也不需要组件和样式之间的映射，即创建后就是一个正常的React ...

组件跨层级通信Context，类比Vue中的provider，Inject。 场景：一键换肤，切换地区 1，Context.js API： React.createContext 创建一个Context对象，当React渲染一个订阅了这个Context对象的组件，这个租金会从组件树中 ...

写在前面 ​ 鉴于笔者学习此内容章节 React官方文档 时感到阅读理解抽象困难，所以决定根据文档理解写一篇自己对Context的理解，文章附带示例，以为更易于理解学习。更多内容请参考 React官方文档 ​ 如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是笔者创作的最大 ...

一、什么是Flux 　　Flux 是一种架构思想，专门解决软件的结构问题。它跟MVC 架构是同一类东西，但是更加简单和清晰。 二、flux的基本概念 　　 　　(1) 、Flux由4部分 ...

一、flux的缺陷 因为dispatcher和Store可以有多个互相管理起来特别麻烦 二、什么是redux 其实redux就是Flux的一种进阶实现。它是一个应用数据流框架， ...

一、Redux与组件 react-redux是一个第三方插件使我们在react上更方便的来使用redux这个数据架构 React-Redux提供connect方法,用于从UI组件生成容器组件，connect的意思就是将两种组件连起来 参考文章：https ...