zoukankan      html  css  js  c++  java
  • react 入坑之罪

    componentDidMount :生命周期在react下只调用一次,

    render:比它先执行

    componentWillRecvieProps(newProps) :能取到父组件的值

    render(){ return } 下需要返回,不然报错

    父组件传值 

    父组件:index

    render(){

      const {data} = this.state

      return(

        <div className="hhd">

          <Tiem states={data}></Time>

        </div>

      )

    }

    子组件:Tiem 

    render(){

      const {data} = this.props.states

      return(

        <div className="hhd">

          {data}

        </div>

      )

    }

    子组件向父组件传值

    1.函数传值

    子组件:Com

    water(){

      this.props.addFun(newState)

    }

    render(){

      return(

        <div className="hhd"></div>

      )

    }

    父组件:Main

    waterFun(newState){

      this.setState({keyDate:newState})

    }

    render(){

      return(

        <Com water={this.waterFun}></Com>  

      )

    }

    //封装一个根据时间显示7天或者七个月数据的方法

    function getSeventData(now,resArr){

     let arr = resArr,

     let end = null;

       for(let i=0;i<arr.length;i++) {

      if(i==now) {

        end = i;

      }

       }

     let start = end -7;

     let res = [];

    if(start <0 ){

      res = arr.slice(0,end)

    }else{

      res = arr.slice(start,end)

      }

    }

    let M = new Date().getDate();

    getSeventData(M,‘数据’)

  • 相关阅读:
    ThreadPoolExecutor使用介绍
    apache和tomcat区别(转)
    ThreadFactory的理解
    Tomcat报45秒无法启动错误修改方法
    快速排序
    冒泡排序
    矩阵快速幂
    CF#524-C
    CF#524-B
    hdu3308—LCIS
  • 原文地址:https://www.cnblogs.com/BlogRegisterAspx/p/9343101.html
Copyright © 2011-2022 走看看