- 博客(5)
- 收藏
- 关注
原创 ReactJs 技巧
1、fn.bind(this) success:function(res){ this.setState() }.bind(this) 当在回调函数内调用组件的this方法时可以在函数后上.bind(this)这样内部就可以用this了 2、 组件引用时调用json 3、render 返回模板return () 用()来包起标签 4、render返回模板标签需要在容器内
2015-09-28 17:38:30 514
原创 ReactJs之组件生命周期
组件在创建时更新时执行的顺序。 第一次页面加载组件: 1、执行getDefaultProps方法来初始化props的值并返回 2、执行getInitialState方法初始化状态并返回 3、componentWillMount,执行渲染前的方法 在此方法内修改状态不会触发再次渲染。 4、render 执行渲染 5、componentDiDMount 渲染后的方法 在此方法内修改
2015-09-28 17:18:00 504
原创 ReactJs之render
React.createClass在创建模块时,肯定会有render方法的。 下边是我列出的常用的技巧: 1、模板内可嵌套其他的模块 2、当模板内需要引用js变量或方法时时用{XX}。且方法需要写在render:函数内。 3、this.props.XX.map(fn)可以遍历数组函数内需要返回模板写法和render函数返回一样 return ( ) 4、模板内可以直接{arrhtml}
2015-09-28 17:01:33 746
原创 ReactJs之表单处理
视图中肯定会用到表单的。 reactjs之表单 在form标签上绑定onSubmit方法,当button提交时触发。处理函数需要阻止默认提交。 props用来传递固定不变的对象,状态对象就需要用this.state来存储了。 input textarea select 标签绑定状态可以用value={this.state.xx} 但是这样绑定预览时input是不能修改的。无法实现双向
2015-09-28 16:41:53 1574
原创 ReactJs 模块编译
ReactJS 在写模块时,渲染的结构在js里就是这样来写。 html语法js肯定识别不到。reactjs在执行时会编译标签。 编译后的标签有助于了解结果。 npm install -g react-tools //安装工具 cd 到项目目录 jsx --watch js/ build/ //监听js目录变化生成到build里 --------------- 生成后的只是
2015-09-28 16:23:40 881
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人