好客租房78-setState方法说明（3第二个参数）

在状态更新后执行某个操作

setState（update,[callback]）

   //导入react

   import React from 'react'

   import ReactDOM from 'react-dom'

   //导入组件

   // 约定1：类组件必须以大写字母开头

   // 约定2:类组件应该继承react.component父类 从中可以使用父类的方法和属性

   // 约定3:组件必须提供render方法

   // 约定4:render方法必须有返回值

   class App extends React.Component {

       constructor(props) {

           super(props)

           console.log('生命周期钩子函数:construtor')        

       }

       state={

           count:1

       }

       //异步操作

       handleClick=()=>{

           // this.setState({

           //     count:this.state.count+1

           // })

           this.setState((state,props)=>{

               return {

                   count:state.count+1

               }

           },()=>{

               console.log("状态更新完成")

           })

           console.log(this.state.count)//1

       }

       //初始化state

       //1进行dom操作

       //2发送网络请求  

       render() {

           console.log('生命周期钩子函数:render')

           console.log(this.props,"props")

           return (

               <div id="title">

                   <h1>计数器:{this.state.count}</h1>

                 <button onClick={this.handleClick}>+1</button>              

               </div>

           )

       }

   }

   ReactDOM.render(<App></App>, document.getElementById('root'))