【学】React的学习之旅1】的更多相关文章

React的学习之旅1 单标签要有斜杠代表结束 用React.createClass()方法时,赋值后的组件名称首字母一定要大写 一定要先定义组件,再用ReactDOM.render调用 组件里render对应的函数的返回值,如果有多个html标签,外面一定要再多包一层,外面可以用小括号包起来 var FirstComponent = React.createClass({ //FirstComponent首字母大写 render:function(){ return <img src="…
如果在标签里有注释,除了使用/**/之外,如果写在子标签中,外面还需要用{}包起来,指明这段是javascript代码,否则这段注释会直接显示在页面上,例如 render:function (){ return ( <div> <h1>Comment Box!!!</h1> <CommentList comments={this.state.comments} /> {/*这里的绑定非常重要,相当于commentList的属性props中的comments与…
复习 [array].map(function(item,index){})方法,传参里的函数需要有return值,一般用map()后都要用一个变量接一下,这个返回的还是一个数组,只是把每次遍历到的数组中的某一项调用函数进行处理里再放入新数组,就是那个变量的对应位置;这里用数组的for循环遍历其实很不方便,因为数组中每一项都是一个对象,所以用map()方法就非常方便 使用迭代器,比如map()方法时,要给每个遍历到后返回的元素添加一个唯一的key值,否则,原来的版本会有警告,而现在的版本会直接报…
实现联动绑定,在文本框中输入内容的同时,后面的span里内容跟着一起变化: onChange(),一旦触发一次变动,就执行某个函数: 既然已经在getInitialState属性里申明了一个变量inputContent来赋值给span标签的内容,那在onChange函数中就可以修改state中inputContent的值 var TextInput = React.createClass({ //给input组件赋值一个初始化的state,用来存储用户输入的内容 getInitialState:…
button除了用<input type="button">之外,还可以直接用<button></button>来创建,而2个标签的中间的内容就相当于value,甚至中间可以放图片 当给每个元素加入事件时,可以用onClick={this.fn}的方式,注意onClick的大小写,驼峰式的.而对应的fn函数,写在该class中,以属性的方式,当点击后就调用实例身上的fn属性,其实就是调用了函数,函数中同样可以传入事件对象 为了找到组件中的某个元素,可…
分成三个状态: Mounted Update Unmounted Mounted:当我们看到组件在浏览器中从无到有的效果的时候,mounted已经结束了,这个组件已经被mounted了 有这个阶段有2个hook函数: componentWillMount:组件将要被mount之前调用 componentDidMount:组件被mount之后调用 还有一个函数,是初始化组件的state,getInitialState() Update:并不是说相应的DOM结构一定会发生改变,React会把当前这个…
<input type=text placeholder='aaa'>, placeholder属性是定义文本框在没有输入值之前显示的一段灰色提示 ()=>{}箭头函数在ECMA6里可以强制指定调用函数是函数调用方.()里是参数{}里函数体. 下面2种写法是等价的 componentDidMount(){ $.ajax({ url:this.props.url, success:function(str) { this.setState({ comments: JSON.parse(st…
WCF学习之旅—请求与答复模式和单向模式(十九) WCF学习之旅—HTTP双工模式(二十) 五.TCP双工模式 上一篇文章中我们学习了HTTP的双工模式,我们今天就学习一下TCP的双工模式. 在一个基于面向服务的分布式环境中,借助一个标准的.平台无关的通信协议,使各个服务通过SOAP Message实现相互之间的交互.这个交互的过程实际上就是信息交换的过程.WCF支持不同形式的信息交换,我们把这称之为信息交换模式(Message Exchange Pattern(简称MEP),下同), 常见的M…
最近在很多地方都可以看到Python的身影,尤其在人工智能等科学领域,其丰富的科学计算等方面类库无比强大.很多身边的哥们也提到Python非常的简洁方便,比如用Django搭建一个见得网站只需要半天时间即可,因此也吸引了我不小的兴趣.之前相亲认识过一个姑娘是做绿色环保建筑设计行业的,提过她们的建筑物的建模也是使用Python,虽然被女神给拒绝了,但学习还是势在必行的,加油. 这部分只涉及python比较基础的知识,如复杂的面向对象.多线程.通信等知识会放在之后的深入学习中介绍,因此整个学习过程也…
react native 学习一(环境搭配) 首页,按照http://reactnative.cn/docs/0.30/getting-started.html#content上的介绍,下载安装python2.nodejs.git.Android Studio.这里前面两个都比较好装,android studio装起来相当慢,其实应该只用装sdk就行了,安装sdk可以按http://www.androiddevtools.cn/这个里面的方式设个代理. 软件装好了,就是环境变量设置了,添加AND…