React学习Day19——setState、LazyLoad、Hook

本文详细介绍了React中的setState的两种用法,包括对象式和函数式,并提出了使用原则。接着讨论了LazyLoad的概念,以及如何在React应用中实现组件的懒加载。此外,文章还探讨了Hooks的使用,包括useState、useEffect和useRef,解释了它们的语法和在组件生命周期中的作用。
摘要由CSDN通过智能技术生成

setState

setState 更新状态的2种写法
(1)setState(stateChange,[callback])//对象式的setState

  • stateChange为状态改变对象(该对象可以体现出状态的更改)
  • callback是可选的回调函数,它在状态更新完毕,界面也更新后(render调用后)才被调用
import React, {
   Component} from 'react';

class Demo extends Component {
   
    state={
   count:0}
    add = ()=>{
   
        //1、获取原来的count值
        const {
   count} = this.state
        //2、更新状态
        this.setState({
   count:count+1})
    }
    render() {
   
        return (
            <div>
                <h1
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值