react.js学习之路三

学习react.js，知识点整理：

1.props和state：

props是相对于父级来说，固定的不会改变的内容。一般会先定义一个变量，则在父级中进行引用，

　　var user = "liumcb";

　　定义的组件　　

　　<Hello name={user} />

　　在组件中进行调用则是

　　<div>hello {this.props.name}</div>

同样道理，props不仅可以传递字符串，也是可以传递对象的，例如：

　定义一个对象

　　obj={ user:"liumcb",message:"留言"}

　　<Hello name={user} person={obj} />

　　调用：

　　<div>hello+{this.props.person.user}</div>

　　<input type="button" value={this.props.person.message}>

state:组件的状态发生改变，重新调用render进行页面的渲染。

所以，首先应该定义它的初始状态，再进行跟以后改变的进行对比，首先定义

对于遍历数据：map()

1.在自己内部进行遍历

2.创建组件，在父组件里面进行遍历

对于父组件进行遍历数据，则首先应该在父组件里面添加数据，之后再在子组件里面进行调用数据。

对于从子组件还有父组件的渲染，我感觉可以这么理解：

1.在子组件中含有某个触发事件，例如点击onClick,onKeyUp,....在这个触发事件里面含有一个函数用来处理事件，例如删除，添加等。

2.在子组件中也包含一个从父组件来的函数，这个函数，用来改变传递给父组件的值，用来进行渲染。

3.在添加内容的时候，如果在初始化对象中是数组，那么你也按照数组的形式添加，如果是对象，那么也要按照对象的格式添加。否则会报错