学习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.在添加内容的时候,如果在初始化对象中是数组,那么你也按照数组的形式添加,如果是对象,那么也要按照对象的格式添加。否则会报错