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

 

转载于:https://www.cnblogs.com/BlogRegisterAspx/p/9343101.html