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

  • 相关阅读:
    ARC和MRC兼容和转换
    ARC下的内存管理
    嵌入式硬件系列一:处理器介绍
    嵌入式Linux GCC常用命令
    一. Linux 下的常用命令
    ARM学习中的必知基本常识
    二叉搜索树详解
    从入门到高手,嵌入式必会技能及学习步骤总结
    史上最全Linux目录结构说明
    排序系列之六:快速排序法进阶
  • 原文地址:https://www.cnblogs.com/liumcb/p/6484549.html
Copyright © 2020-2023  润新知