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调用函数,将子组件的值返回到父组件中调用更新。

  • 相关阅读:
    linux 环境变量
    Java finally语句到底是在return之前还是之后执行?
    JAVA NIO之浅谈内存映射文件原理与DirectMemory
    cpu架构
    tomcat 安装
    linux 下载rpm包到本地,createrepo:创建本地YUM源
    linux下查看和添加PATH环境变量
    virtualbox 相关操作
    空间叠加分析
    java程序的加载与执行
  • 原文地址:https://www.cnblogs.com/jintaostudy/p/6937019.html
Copyright © 2011-2022 走看看