每个自定义的控件都有自己的一个私有属性state
当这个属性值state变化的时候,会执行控件的生命周期。就是重新加载该控件(暂时这么认为)
state在构造方法中进行初始化
class MyCommpent3 extends Component {
//构造方法初始化 state参数
constructor(props) {
super(props)
this.state = {
data: []//是从服务端进行请求数据 ajax
}
this.getComment();
//设置一个计时器 每隔几秒钟就执行一下这个方法
setInterval(()=>this.getComment(),5000);//每隔5秒执行一次
}
getComment(){
//ajax 异步请求数据
$.ajax({
url: this.props.url,
dataType: 'json',
cache: false,
success: comments => {
this.setState({
data: comments
}) //设置state参数
}
})
}
render()
{
return (
<div>
<NewComponent data={this.state.data}>
</NewComponent>
</div>
)
}
}
export default MyCommpent3 ;