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

原文地址:https://www.cnblogs.com/liumcb/p/6484549.html