复习 [array].map(function(item,index){})方法,传参里的函数需要有return值,一般用map()后都要用一个变量接一下,这个返回的还是一个数组,只是把每次遍历到的数组中的某一项调用函数进行处理里再放入新数组,就是那个变量的对应位置;这里用数组的for循环遍历其实很不方便,因为数组中每一项都是一个对象,所以用map()方法就非常方便 使用迭代器,比如map()方法时,要给每个遍历到后返回的元素添加一个唯一的key值,否则,原来的版本会有警告,而现在的版本会直接报…

<input type=text placeholder='aaa'>, placeholder属性是定义文本框在没有输入值之前显示的一段灰色提示 ()=>{}箭头函数在ECMA6里可以强制指定调用函数是函数调用方.()里是参数{}里函数体. 下面2种写法是等价的 componentDidMount(){ $.ajax({ url:this.props.url, success:function(str) { this.setState({ comments: JSON.parse(st…

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与…

实现联动绑定,在文本框中输入内容的同时,后面的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会把当前这个…

可触摸组件有: TouchableHighlight,TouchableNativeFeedback,TouchableOpacity,TouchableWithoutFeedback 1. TouchableWithoutFeedback,在用户触摸的时候没有反馈任何触摸效果,体验很不好,基本很少使用. 2. TouchableNativeFeedback 是Android操作系统专用组件,使用原生控件相应的状态来展示, 比如5.0以上产生涟漪效果. 3. TouchableHighlight…

The Road to learn React书籍学习笔记(第二章) 组件的内部状态 组件的内部状态也称为局部状态,允许保存.修改和删除在组件内部的属性,使用ES6类组件可以在构造函数中初始化组件的状态.构造函数只会在组件初始化的时候调用一次 类构造函数 class App extends Component{ constructor(props){ super(props); } } 使用ES6编写的组件有一个构造函数时,需要强制地使用 super() 方法, 因为这个 App组件 是 Com…

课程原视频:https://www.bilibili.com/video/BV1wy4y1D7JT?p=2&spm_id_from=pageDriver 目录 一.React 概述 1.1.React 开发背景 1.2.模块与组件.声明式与组件化 1.3.虚拟DOM与真实DOM 二.React 入门 2.1.Hallo React 2.2.JSX语法规则 2.3.JS语句(代码)与JS表达式的区别 三.面向组件编程 3.1.函数式组件 3.2.类式组件 3.3.组件实例的三大核心属性 3.3.1…