zoukankan      html  css  js  c++  java
  • 二、Rreact---父子组件之间传值

    一、父组件传值给子组件(PS:父组件通过属性的形式向子组件传递参数,子组件通过props接收父组件传递过来的参数。)

    看样例(下面的两张图片):此时呢,控制台还会有个key值警告,所以在此还需要在TodoItem标签中加上key={index},就可以了。PS:<TodoItem key={index} content={item}/>

    二、子组件传值给父组件

    (PS:具体逻辑就是,我们要创建个属性,把下标index传给子组件,子组件中再给div设置个点击事件,然后该事件执行后通过调用父组件的delete并把获取到的下标当作参数传过去就可以。在子组件中获取到的下标为:this.props.index,就把这个传过去即可,然后再在父组件的handleDelete方法中执行其他操作。)

    父组件下:

    子组件下:

     

    END:最后呢,有一点要说明的,上面的代码中每个事件方法后面都会有一个.bind(this)用来绑定this指针,但实际上是不建议这种写法的,因为会影响代码性能问题。

      所以呢,就需要在constructor构造函数中定义一下,再把带有.bind(this)的去掉即可。看图片:

  • 相关阅读:
    python 返回函数的使用
    你的服务器还在裸奔吗?
    云计算产品vSwitch原理
    网卡创建Bond
    UI自动化框架介绍
    常用底层linux命令
    Linux Bridge基本概念
    磁盘格式化及设置自动挂载
    Linux vi文本编辑器常用命令
    MySQL5.7安装方式
  • 原文地址:https://www.cnblogs.com/xintao/p/11314495.html
Copyright © 2011-2022 走看看