zoukankan      html  css  js  c++  java
  • react 父组件向子组件传递函数

    这段时间一直在使用react,由于这react是单向数据绑定,总感觉有点不适用,毕竟之前一直都在使用angular,但学习还是要继续,做了一个迭代的项目,都差点忘记要总结一下这个react了,现在可以写点东西了。(react 新手,仅仅参考)

    1.react一开始我更理解为是一个各种代码片段,由于之前接触了一段时间meteor,感觉有点相似。在使用之前都要在app.js中将一总的父组件通过import导入,另外在route中的path中写入链接

    例如:import createHistory from 'history/createHashHistory';

    <Route path="/mediahome" component={MediaHome}/>

    2.父组件页面中,使用

    class ShoppingCar extends React.Component {
        constructor() {
            super();
            this.state ={
                myCar : []
            };
        }
        componentDidMount() {
          //进行渲染   
    }
        
    }
    

     说明:使用class并且继承,说明这种方式里面都是一种对象的形式,在调用的时候也要使用这种点的形式

    constructor首先设置属性,可以理解为js中的var ;先设置一个变量;

    componentDidMount 在这里可以请求一些数据,请求结束之后在渲染页面

    如果父组件要传递参数给子组件可以在子组件的路由中加入 ,然后在子组件中用this.props获取,同理,从父组件向子组件传递函数也是如此,在子组件使用this.props调用函数,将子组件的值返回到父组件中调用更新。

  • 相关阅读:
    一例智能网卡(mellanox)的网卡故障分析
    jbd2的死锁分析
    一个dcache的性能问题分析
    systemd之导致内核 crash
    开源堡垒机teleport测试
    WSL2添加网络代理,通过宿主机代理出国.
    MongoDB数据库备份操作
    保姆级Mongodb部署教程
    Linux-XZ压缩命令
    eclipse运行Java代码报错:NoClassDefFoundError: javax/xml/bind/*
  • 原文地址:https://www.cnblogs.com/jintaostudy/p/6937019.html
Copyright © 2011-2022 走看看