您好,欢迎来到二三四教育网。
搜索
您的当前位置:首页React state 状态值

React state 状态值

来源:二三四教育网

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

Copyright © 2019- how234.cn 版权所有 赣ICP备2023008801号-2

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务