class Timer extends React.component{yjN易塔云建站-模板下载,web开发资源,技术博客
    //构造函数yjN易塔云建站-模板下载,web开发资源,技术博客
    constructor(props) {yjN易塔云建站-模板下载,web开发资源,技术博客
        super : (props);yjN易塔云建站-模板下载,web开发资源,技术博客
        this.state = {//这里面的this.state就是指在这里调用，this就是调用的意思yjN易塔云建站-模板下载,web开发资源,技术博客
            seconds : 0yjN易塔云建站-模板下载,web开发资源,技术博客
        }yjN易塔云建站-模板下载,web开发资源,技术博客
    };yjN易塔云建站-模板下载,web开发资源,技术博客
    //一个累加yjN易塔云建站-模板下载,web开发资源,技术博客
    tick(){yjN易塔云建站-模板下载,web开发资源,技术博客
        this.setState((state,props)=>{yjN易塔云建站-模板下载,web开发资源,技术博客
            seconds: this.state.seconds + 1yjN易塔云建站-模板下载,web开发资源,技术博客
        })yjN易塔云建站-模板下载,web开发资源,技术博客
    };//这里的箭头函数，返回的是一个对象，那么函数体要用()括起来，语法冲突。yjN易塔云建站-模板下载,web开发资源,技术博客
    tick(){yjN易塔云建站-模板下载,web开发资源,技术博客
        this.setState((state,props)=>({yjN易塔云建站-模板下载,web开发资源,技术博客
            seconds: this.state.seconds + 1yjN易塔云建站-模板下载,web开发资源,技术博客
        }))yjN易塔云建站-模板下载,web开发资源,技术博客
    };yjN易塔云建站-模板下载,web开发资源,技术博客
    //不停渲染yjN易塔云建站-模板下载,web开发资源,技术博客
    componentDidMount(){yjN易塔云建站-模板下载,web开发资源,技术博客
        setInterval(()=>{this.tick()},1000);//this.tick()就是在这里调用一次的意思yjN易塔云建站-模板下载,web开发资源,技术博客
    }yjN易塔云建站-模板下载,web开发资源,技术博客
    //渲染到虚拟DOMyjN易塔云建站-模板下载,web开发资源,技术博客
    render() {yjN易塔云建站-模板下载,web开发资源,技术博客
        return <div>seconds : {this.state.seconds}</div>;yjN易塔云建站-模板下载,web开发资源,技术博客
    };yjN易塔云建站-模板下载,web开发资源,技术博客
}yjN易塔云建站-模板下载,web开发资源,技术博客
export default Timer;yjN易塔云建站-模板下载,web开发资源,技术博客
ReactDOM.render(<Timer />,document.getElementById("root"));