随笔分类 - React

React

React组件-mixin

摘要：一、组件二、代码 1 2 3 4 5 Mixin 6 7 8 9 10 57 58 阅读全文

posted @ 2015-12-18 23:03 shamgod 阅读(534) 评论(0) 推荐(0)

React-组件嵌套-子组件通过委托向父组件传值

摘要：一、简述父组件嵌套子组件，父组件的处理函数通过属性的方式赋值组子组件（），子组件通过触发事件，委托调用父组件的处理函数，从而实现把值传给父组件（return 17 }18 })19 var SignupForm = React.createCl... 阅读全文

posted @ 2015-12-18 22:35 shamgod 阅读(11589) 评论(0) 推荐(0)

React事件属性

摘要：一、简介二、滚动例子，滚动改变颜色 1 2 3 4 5 React涓殑浜嬩欢 6 7 8 9 10 33 34 三、鼠标事件，输对密码才显示内容 1 2 3 4 5 React涓殑浜嬩欢 6 7 8 9 ... 阅读全文

posted @ 2015-12-17 23:32 shamgod 阅读(781) 评论(0) 推荐(0)

React事件函数简介

摘要：一、事件汇总二、例子 1 2 3 4 5 React涓殑浜嬩欢 6 7 8 9 10 23 24 阅读全文

posted @ 2015-12-17 22:42 shamgod 阅读(287) 评论(0) 推荐(0)

React编写文本评论框

摘要：一、需求分析二、代码 1 2 3 4 5 属性和状态实例演示 6 7 8 9 10 55 56 三、结果http://files.cnblogs.com/files/shamgod/React%E5%B1%9E%E6%80%A7%E5%92%8C... 阅读全文

posted @ 2015-12-17 22:14 shamgod 阅读(512) 评论(0) 推荐(0)

React属性和状态对比

摘要：一、相似点二、区别三、如何区分PS:所有的数据都可以变成属性阅读全文

posted @ 2015-12-17 21:45 shamgod 阅读(204) 评论(0) 推荐(0)

React架构、设计思想

摘要：一、阅读全文

posted @ 2015-12-17 21:25 shamgod 阅读(479) 评论(0) 推荐(0)

JSX架构及注释

摘要：一、架构二、注释 1 2 3 4 5 Hello, World 6 7 8 9 10 32 33 三、语法阅读全文

posted @ 2015-12-17 21:20 shamgod 阅读(524) 评论(0) 推荐(0)

React状态的含义和用法

摘要：一、二、代码 1 2 3 4 5 Hello, World 6 7 8 9 10 39 40 阅读全文

posted @ 2015-12-17 21:06 shamgod 阅读(355) 评论(0) 推荐(0)

React属性的3种设置方式

摘要：一、不推荐用setProps，因为以React的设计思想相悖，推荐以父组件向子组件传递属性的方式二、3种用法的代码1.键值对 1 2 3 4 5 Hello, World 6 7 8 9 10 37 38 2.{...props}展开属性 1 ... 阅读全文

posted @ 2015-12-17 20:53 shamgod 阅读(5359) 评论(0) 推荐(0)

React组件生命周期-正确执行运行阶段的函数

摘要：一、二、 1 2 3 4 5 6 Document 7 8 9 10 11 12 13 58 59 60 结果：阅读全文

posted @ 2015-12-16 23:29 shamgod 阅读(585) 评论(0) 推荐(0)

React组件生命周期-正确执行初始化阶段的函数

摘要：一、二、代码 Document 结果：阅读全文

posted @ 2015-12-16 23:03 shamgod 阅读(3568) 评论(0) 推荐(0)

React组件生命周期-初始化阶段的函数执行顺序

摘要：Document 阅读全文

posted @ 2015-12-16 22:30 shamgod 阅读(2213) 评论(0) 推荐(0)

React-非dom属性-key

摘要：一、react性能1.内容类似的尽量归到同一人组件，这样react不用每次都重新渲染2.类似列表的内容，要加上key,可减少渲染次数3.react渲染过程二、代码 Document 阅读全文

posted @ 2015-12-16 21:06 shamgod 阅读(950) 评论(0) 推荐(0)

React-非dom属性-ref标签

摘要：Document 阅读全文

posted @ 2015-12-16 20:56 shamgod 阅读(424) 评论(0) 推荐(0)

React-非dom属性-dangerouslySetInnerHTML标签

摘要：Document 阅读全文

posted @ 2015-12-16 20:50 shamgod 阅读(5651) 评论(1) 推荐(0)

React 万能的函数表达式

摘要：一、语法简介表达式可以以下两种方法，(1)(function A(){})(this),(this)参数在函数外面(2)(function B(){}(this)),(this)参数在函数里面(1)和(2)的区别在于，(1)的左边的一对括号是强制A()求值，返回函数的引用，再传this参数调用函数求... 阅读全文

posted @ 2015-12-16 00:13 shamgod 阅读(1352) 评论(0) 推荐(0)

通过表达式、函数给React组件属性赋值

摘要：一、需求当有传属性name的值时，则显示Hello "name",否则显示Hello World二、4种方式的代码实现1.通过三元运算符 Document 2.通过变量 Document 3.直接在属性调用函数 Doc... 阅读全文

posted @ 2015-12-15 23:53 shamgod 阅读(5408) 评论(0) 推荐(0)

React的CSS

摘要：1.代码 Document 2.运行结果3.运行后源码 Document你好React 阅读全文

posted @ 2015-12-15 23:33 shamgod 阅读(307) 评论(0) 推荐(0)

第一个React程序HelloWorld

摘要：一、程序步骤1.用React.createClass生成组件2.调用React.render把组件渲染到页面中，dom的操作由react自动完成二、代码 Document 运行结果：运行后的源代码： Document 你好React 阅读全文

posted @ 2015-12-15 22:09 shamgod 阅读(1767) 评论(0) 推荐(0)

haha