- props 属性 :可以用于组件之间的通信(父组件像子组件传递)
例如
//index.js
render(){
return (
<BodyIndex username={'nick'} userid={123456}/>
);
}
// BodyIndex.js
<p>{this.props.userid} {this.props.username}</p>
2.state 组件的状态
初始化组件状态 可以在constroctor 中初始化组件的状态;
constructor(){
super();
// state 管理当前组件的状态;在constuctor 函数中写
this.state={username:'parry'}
//初始化赋值
}
修改组件的状态:通过setState 方法来修改例如:
setTimeout(()=>{
this.setState({username:"sss"})
},7000)