2020-08-13react

概要
在这里插入图片描述
react单向数据绑定,数据改变了,需要主动触发视图更新(setState)

内容概要
1.function组件
2.class组件
3.状态和属性
4.事件

一、
用function声明的组件,一般称为静态组件或函数式组件

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
二 类组件

在这里插入图片描述
三 状态和属性

在这里插入图片描述
想让视图更新,react规定需要调用setState方法,(setState可以让render函数执行,在render中不能写setState,避免触发死循环)
为此,需要使用钩子函数
在这里插入图片描述

四 事件
《一》
在这里插入图片描述
在这里插入图片描述
一旦使用bind(this)函数,返回到实例中,this的值就改不了;bind返回的是一个函数体

*****《二》
setState 更新数据时,大部分是异步操作,在原生事件绑定中是同步的
在这里插入图片描述
《三》
在原生事件和定时器中,setState是同步
在这里插入图片描述
《四》获取点击事件 e
不能直接获取e原生事件对象(获取的是合成对象),但是能直接调用 e.target等里面的值,想看e的属性 用e.nativeEvent
在这里插入图片描述

var a=b.bind(this,cc)
a(dd) ==> a(cc,dd){} bind函数 默认参数在前面,形参在后面

《五》
react规定 a(){} //共有方法
a=()=>{}//私有方法

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值