![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react 烂窟窿
眷恋天空的驴
呵呵~
展开
-
react 笔记汇总系列
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I...原创 2018-08-09 18:31:45 · 1600 阅读 · 0 评论 -
react路由14.0
新版本发生了很多变化 4.0中路由不需要单独抽取配置,可以在任何组件里面实现,一切皆组件。react-route 提供了一些router的核心的api,包括Router,Route,Switchreact-douter-dom 提供了 BrowserRouter,HashRouter,Route,Link,NavLink 基于浏览器端定制的包1: 安装:安装 ya...原创 2018-09-04 09:29:45 · 283 阅读 · 0 评论 -
react 生命周期
生命周期函数:到某一时刻组件会自动调用执行的函数。上图的分析:(1):constructor 是第一个执行的,在里面执行的是初始化,例如state跟props的赋值,可以理解为一个周期函数,是es6语发中自带的一个函数, 不写react组件会自动创建一个空的(2) : 初始化完以后 mounting 挂载 componentWillMount 组件第一次即将挂...原创 2018-09-04 17:35:56 · 1579 阅读 · 0 评论 -
react-redux
react-redux 是为了更好的将组建跟redux建立连接Provider 提供器,注入store到组件里面import { Provider } from 'react-redux'import store from './store'// 使用jsx将组件包裹起来const App = ( <Provider store={store}> ...原创 2018-09-09 18:29:11 · 149 阅读 · 0 评论 -
redux以及相关
react 只是轻量级的视图层框架,大型的应用应该拥有数据层框架配合使用。目前最好的应该是 redux ,是一种很好解决 组件传递数据的一种规范。什么是redux flux也是facebook跟 react一起发布的数据管理工具,但是后期使用中发现不能完美的解决数据统一的管理的理念,因此又引入了reducer的概念,形成了现在的redux,因此可以说: redux = re...原创 2018-09-06 10:03:08 · 165 阅读 · 0 评论 -
redux 中间件 redux-thunk
什么是中间件? 中间件指的是redux的,不是react的。中间指的是action 跟store之间,也就是对dispacth方的封装,最原始的是直接将接受过来的对象直接传递给store,但是如果传递的是一个函数的话,就不会将这直接传递给store,而是先执行这个函数。常见的中间有 redux-devtools-extension ,`redux-thunk,redux-saga...原创 2018-09-06 11:19:51 · 198 阅读 · 0 评论 -
react中间件 react-saga
redux-saga 出发点跟 redux-thunk 是一样的,为了解决异步操作,把异步的逻辑单独的放到一个saga.js文件里面。 采用的是 generator 函数进行构建的。国内文档。安装 yarn add redux-saga使用:配置入口,一般在 store/index.js 入口文件中进行配置,创建一个hellosaga:import { create...原创 2018-09-07 12:21:48 · 7878 阅读 · 0 评论