• 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,‘数据’)

  • 相关阅读:
    [转载]RTSP in Stagefright
    FFMPEG for WMA Build Script
    Merge AACExtractor from ICS to Froyo
    查看部署在Heroku上的项目信息
    About AudioSystem Mute
    C++标准转换运算符reinterpret_cast
    纯CSS动态效果的画廊
    基于正则表达式匹配的C++语法高亮度显示
    C++标准转换运算符static_cast
    C++标准转换运算符const_cast
  • 原文地址:https://www.cnblogs.com/BlogRegisterAspx/p/9343101.html
Copyright © 2020-2023  润新知