react
文章平均质量分 53
小仙女儿
一个备受产品压榨的小仙女儿
展开
-
React 3 react component 3种写法
react component 3种写法React组件的写法常见有如下3种:ES5写法React.createClassES6写法React.Component无状态的函数式写法(纯组件-SFC)下面用实例写一个 SwitchButton 组件的例子ES5写法React.createClassReact.createClass不用多说,我们最早使用这个方法来构建一个组件“类”,它接受一个对象原创 2017-08-16 14:51:01 · 2656 阅读 · 0 评论 -
React 4 props & state
React 3 props 和 statepropsprops只读父子信息传递子组件只能通过props读取父组件传递的信息,不能改变props.案例代码:var WebSite = React.createClass({ render: function() { return ( <div> <Name name={this.props.name} />原创 2017-08-17 15:15:31 · 243 阅读 · 0 评论 -
React 1 入门教程(改)
看阮一峰的react学习吧我不会0 0 谢谢!!!咳,开个小玩笑~~ 大家一起学习react了 ~~额 = =卖个萌 求轻拍入门教程这一篇,我就记录一下react学习路线了~~webpack (3个系列教程已更新~~)es6 (目前我不会更新这个的教程~~ 网上很多了 ~~)ReactReact-routerRedux (我觉得flux目前用的人还是很少了,所以不打算学习这个了)Dva原创 2017-08-11 14:28:34 · 427 阅读 · 0 评论 -
React 2 hello world
React 特点声明式设计 −React采用声明范式,可以轻松描述应用。高效 −React通过对DOM的模拟,最大限度地减少与DOM的交互。灵活 −React可以与已知的库或框架很好地配合。JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。组件 − 通过 React 构建组件,使得代码更加原创 2017-08-14 15:58:48 · 244 阅读 · 0 评论 -
React 5 生命周期
React 4 生命周期生命周期简介组件的生命周期分成三个状态:Mounting:已插入真实 DOMUpdating:正在被重新渲染Unmounting:已移出真实 DOMReact 为每个状态都提供了两种处理函数,will 函数在进入状态之前调用,did 函数在进入状态之后调用,三种状态共计五种处理函数。原创 2017-08-21 17:02:16 · 239 阅读 · 0 评论 -
React * Ref回调函数处理
为DOM元素添加RefReact支持一个ref属性,该属性可以添加到任何的组件上。该ref属性接收一个回调函数,这个回调函数在组件挂载或者卸载的时候被调用。当ref用于一个HTML元素的时候,ref指定的回调函数在调用的时候会接收一个参数,该参数就是指定的DOM元素。如下面的例子使用ref回调函数来保存对DOM节点的引用:class CustomTextInput extends React.Co转载 2017-09-01 14:32:08 · 1326 阅读 · 0 评论 -
React 6 模块化React和Redux应用--Todo应用
以todo为案例,介绍如果模块化使用react和redux开发应用。原创 2017-10-12 16:23:19 · 385 阅读 · 0 评论 -
React 7 React高级组件
⓵ 高阶组件的概念及应用 ⓶ 以数组为子组件的模式 高阶组件一个高阶组件就是一个函数,这个函数接受一个组件作为输入, 然后返回一个新的组件作为结果, 而且,返回的新组件拥有了数组组件所不具有的功能定义高阶组件的意义:重用代码。 把公用逻辑提取出来,利用高阶组件的方式应用出去修改现有 React 组件的行为。 告诫组件的实现方式:代理方式的高阶组件继承方式的高阶组件代理方式的高阶组件原创 2017-10-13 15:03:23 · 571 阅读 · 1 评论