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)的去掉即可。看图片:

  • 相关阅读:
    bin/sh^M: bad interpreter: No such file or directory解决
    1.2前置条件
    LINUXIPCS信息
    动态添加样式表规则第3版
    Google放出C++代码风格规范
    我的模块加载系统 v4
    有关婚姻的名言
    javascript 测试工具abut v3
    全世界最短的domReady
    javascript 模板系统 ejs v7
  • 原文地址:https://www.cnblogs.com/xintao/p/11314495.html
Copyright © 2011-2022 走看看