美文网首页
React state 状态值

React state 状态值

作者: 基本密码宋 | 来源:发表于2017-11-04 15:18 被阅读5次

每个自定义的控件都有自己的一个私有属性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 ;

相关文章

网友评论

      本文标题:React state 状态值

      本文链接:https://www.haomeiwen.com/subject/npifmxtx.html