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

  • 相关阅读:
    使用合理jQuery选择器查找DOM元素
    DOM对象和jQuery对象
    jQuery实现返回顶部
    行内元素,块级元素
    图片自适应缩放
    幽灵按钮
    background-attachment:fixed
    RegExp
    正则
    Date
  • 原文地址:https://www.cnblogs.com/liumcb/p/6484549.html
Copyright © 2011-2022 走看看