![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react学习
tangzhl
这个作者很懒,什么都没留下…
展开
-
初始化 State
初始化State的方法有以下方法:1.在创建store 的时候,createStore()方法的第二个参数preloadeState参数是初始化state的。2.在reducer中设置state的初始值state={...},也可以使用ES6中默认的参数语法: function myReducer(state = someDefaultValue,action)如下代码:原创 2017-05-01 13:04:01 · 1844 阅读 · 0 评论 -
redux中的combineReducer学习
在我们的reducer中有一个总的index.js文件,这个文件就是用了combineReducers( )方法把很多了reducer合并到一起,redux的官网学习中有如下解释:combineReducers() 所做的只是生成一个函数,这个函数来调用你的一系列 reducer,每个 reducer 根据它们的 key 来筛选出 state 中的一部分数据并处理,然后这个生成的函数再原创 2017-04-29 17:50:38 · 842 阅读 · 0 评论 -
react和redux中的几种常用的方法
1. createStore(reducer, [initState, enhancer])------redux中的方法作用:创建一个Redux store来存放应用中所有的state,一个应用只能有个store。函数返回store对象。参数:reducer(Function):两个参数:state和action,返回一个state。 不要对参数state进行修改,需要返回一个新转载 2017-05-01 15:11:12 · 5830 阅读 · 0 评论 -
react-redux原理分析
前言react和redux并没有什么直接的联系. redux作为一个通用模块, 主要还是用来处理应用中的state的变更, 而展示层不一定是react.但当我们希望在React + Redux的项目中将两者结合的更好,可以通过react-redux做连接。本文结合react-redux的使用,分析其实现原理。react-reduxreact-redux是转载 2017-10-08 21:45:09 · 817 阅读 · 0 评论 -
React虚拟DOM浅析
在Web开发中,需要将数据的变化实时反映到UI上,这时就需要对DOM进行操作,但是复杂或频繁的DOM操作通常是性能瓶颈产生的原因,为此,React引入了虚拟DOM(Virtual DOM)的机制。什么是虚拟DOM?虚拟DOM VS 直接操作原生DOM?虚拟DOM VS MVVM?对React虚拟DOM的误解? 一、什么是虚拟DOM? 在React中,rende转载 2017-10-08 22:01:02 · 229 阅读 · 0 评论 -
【react】利用prop-types第三方库对组件的props中的变量进行类型检测
【react】利用prop-types第三方库对组件的props中的变量进行类型检测1.引言——JavaScript就是一个熊孩子 1.1对于JSer们来说,js是自由的,但同时又有许多让人烦恼的地方。javascript很多时候就是这么一个熊孩子,他很多时候并不会像C和java这些“好孩子”那样循规蹈矩。因此给我们带来许多烦恼 运行时候控制台报错:uncaug转载 2017-11-29 11:31:22 · 271 阅读 · 0 评论 -
react-redux中的<Provider>
所有容器组件都可以访问 Redux store,所以可以手动监听它。一种方式是把它以 props 的形式传入到所有容器组件中。但这太麻烦了,因为必须要用 store 把展示组件包裹一层,仅仅是因为恰好在组件树中渲染了一个容器组件。建议的方式是使用指定的 React Redux 组件 Provider> 来 魔法般的 让所有容器组件都可以访问 store,而不必显示地传递它。只需要在渲染根组原创 2017-04-29 18:29:43 · 1764 阅读 · 0 评论 -
react生命周期学习
组件的生命周期分为三个部分:(1)实例化;(2)存在期;(3)销毁&清理期。具体周期如下图所示:1.1 实例化创建在代码加载过程中至关重要,重要之处体现什么地方呢,这里粗略的简述几点,(1)实例化是首次加载js展示给用户最直观的内容,效率的高低直接决定体验的好坏;(2)实例化过程是对数据进行说明和描述的过程。(3)实例化过程完成了虚拟DOM和真实DOM的生成。下转载 2017-04-27 16:44:20 · 375 阅读 · 0 评论 -
redux中的connect函数
上面一篇文章,我们只是从Demo的角度讲解了Redux,对于connect的部分,我们只是一笔带过。那么我们这篇文章同样是基于上一篇文章中的Demo,来从实战的角度来详细讲解下connect方法。connect方法声明如下:connect([mapStateToProps], [mapDispatchToProps], [mergeProps],[opt转载 2017-04-28 13:39:05 · 1642 阅读 · 0 评论 -
redux的connect解读2
connect([mapStateToProps], [mapDispatchToProps], [mergeProps], [options])连接 React 组件与 Redux store。连接操作不会改变原来的组件类,反而返回一个新的已与 Redux store 连接的组件类。参数[mapStateToProps(state, [ownProps])转载 2017-04-28 14:38:48 · 366 阅读 · 0 评论 -
react中context学习
简介:在React中,数据可以以流的形式自上而下的传递,每当你使用一个组件的时候,你可以看到组件的props属性会自上而下的传递。但是,在某些情况下,我们不想通过父组件的props属性一级一级的往下传递,我们希望在某一级子组件中,直接得到上N级父组件中props中的值。1.一般情况下通过props传值的情况class Button extends React.Component {转载 2017-04-28 15:53:10 · 1633 阅读 · 0 评论