好客租房76-setState方法说明（1更新数据）

1.1setState是异步更新数据的

//多次调用setstate只执行一次

this.state={count:1}

this.setstate({

count:this.state.count+1

})

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

   //导入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

           })

           console.log(this.state.count)

       }

       //初始化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'))