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

  • 相关阅读:
    spring源码解析四( spring事务)
    Epoll的本质(内部实现原理)转载
    Gitlab+Jenkins+Docker+K8S实现CI/CD
    AIOps
    云运维的关键有哪些?
    Nginx代理Portainer
    nginx+tomcat+mysql进行负载均衡
    Docker安装及容器创建
    运维常用的linux命令操作
    Arm64安装docker和docker-compose
  • 原文地址:https://www.cnblogs.com/xintao/p/11314495.html
Copyright © 2011-2022 走看看