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

简介: 好客租房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'))

相关文章
|
JavaScript
用js函数加判断做出对象中取整效果
用js函数加判断做出对象中取整效果
70 0
|
7月前
|
JavaScript 前端开发 Java
构造器魔法:点燃对象的初始力量
构造器魔法:点燃对象的初始力量
|
前端开发
前端工作总结121-判断对象里面是否有0和1
前端工作总结121-判断对象里面是否有0和1
225 0
|
前端开发
前端工作总结98-判断数组里面是否有某个值
前端工作总结98-判断数组里面是否有某个值
108 0
|
前端开发
前端工作总结132-根据id传向把对象里面的整个数据传向下个接口
前端工作总结132-根据id传向把对象里面的整个数据传向下个接口
103 0
|
前端开发
#yyds干货盘点# 【React工作记录四十】对象的属性和值转换
#yyds干货盘点# 【React工作记录四十】对象的属性和值转换
132 0
#yyds干货盘点# 【React工作记录四十】对象的属性和值转换
|
前端开发
#yyds干货盘点# 【React工作记录三十八】对象的属性和值转换
#yyds干货盘点# 【React工作记录三十八】对象的属性和值转换
157 0
#yyds干货盘点# 【React工作记录三十八】对象的属性和值转换
|
前端开发 JavaScript
好客租房77-setState方法说明(2推荐语法)
好客租房77-setState方法说明(2推荐语法)
126 0
|
前端开发 JavaScript
好客租房76-setState方法说明(1更新数据)
好客租房76-setState方法说明(1更新数据)
82 0
好客租房73-4传递props
好客租房73-4传递props
82 0